- Button funktioniert nicht im IE, fein im Firefox/Opera/Chrome

Ich hatte ein einfaches Karussell an meiner Website arbeiten, aber einmal meinen code eingefügt wurde in eine client-system (force.com was hat verhindert, dass eine Taste von der Arbeit im IE.

Den "prev" - button ist sichtbar, aber nicht anklickbar. Die Schaltfläche 'weiter' ist in Ordnung.

Mein Karussell auf meiner Website: http://carolineelisa.com/TITTB/html/carousel.html

EDIT: Die client-Seite: http://www.tittb.org/

Code:

<div id="hasJavaScript" style="display: none">
  <button type="button" class="prev"></button>
  <div class="carousel">
    <ul>
      <li><img src="images/carousel_thumb_2.jpg" alt="" width="190" height="105" class="carousel-item-2"></li>
      <li><img src="images/carousel_thumb_3.jpg" alt="" width="190" height="105" class="carousel-item-3"></li>
      <li><img src="images/carousel_thumb_4.jpg" alt="" width="190" height="105" class="carousel-item-4"></li>
      <li><img src="images/carousel_thumb_5.jpg" alt="" width="190" height="105" class="carousel-item-5"></li>
      <li><img src="images/carousel_thumb_1.jpg" alt="" width="190" height="105" class="carousel-item-1"></li>
    </ul>
  </div>
  <button type="button" class="next"></button>
</div>

CSS

button.prev {
background: url("carousel_arrow_left.gif") no-repeat scroll left center transparent;
width: 23px;
height: 105px;
float: left;
padding:0;
margin:0;
}
button.prev:hover {
    background-position: -30px center;
}
button.next {
    background: url("carousel_arrow_right.gif") no-repeat scroll 5px center transparent;
    width: 15px;
    height: 105px;
padding:0;
margin:0;
}
button.next:hover {
background-position: -25px center;
}
Welche version von IE? Ich sehe keine Probleme im IE9 und im Kompatibilitätsmodus (IE7?)
Danke Daniel! @jeroen, hmmm, dass ist das problem... es funktioniert auf meine, aber nicht auf dem client ' s im IE8
Ok, Sie haben Voraus gegangen, und legen Sie es Leben, so, hier ist die Seite: tittb.org

InformationsquelleAutor Caroline Elisa | 2011-03-01

Schreibe einen Kommentar