- 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
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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
<input type="button" />
statt<button type="button"></button>
Haben Sie das Wort ändern möchten
button
in deinem CSS. es wäreinput.prev
undinput.next
dannZitat von W3Schools:
button
ist viel einfacher, die Stil als eineinput
obwohl eine einfachea
tun würde, auch hier...InformationsquelleAutor Dan Hanly
Können Sie firebug und kann in der Lage zu sehen, was Los ist unter der Haube gibt es jedoch eine starke chance, dass Sie vor diesem Szenario
CSS Problem hinter Inhalt nicht anklickbar
Ich glaube, dass es nichts zu tun mit input type="button" oder button type="button"
InformationsquelleAutor kta