按鈕不工作在IE瀏覽器，罰款Firefox/Opera/Chrome

我有一個簡單的傳送帶在我的網站上工作，但是一旦我的代碼被插入到客戶端的系統（force.com）的東西阻止了按鈕在IE 。按鈕不工作在IE瀏覽器，罰款Firefox/Opera/Chrome

'prev'按鈕是可見的，但不可點擊。 '下一個'按鈕沒問題。

我在我的網站轉盤：http://carolineelisa.com/TITTB/html/carousel.html

編輯：客戶的網站：http://www.tittb.org/

代碼：

<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; 
}

來源

2011-03-01 Caroline Elisa

不錯的網站的方式:) – 2011-03-01 15:31:44

什麼版本的IE瀏覽器？我在IE9和兼容模式（IE7？）中看不到任何問題 – jeroen 2011-03-01 15:39:42

謝謝Daniel！ @jeroen，嗯，這是問題...它在我的工作，但不是在客戶端的IE8 – 2011-03-01 18:12:48

使用<input type="button" />代替<button type="button"></button>

您必須在CSS中更改button這個詞。它會是從W3Schools的input.prev和input.next然後

報價：

重要：如果您在HTML表單中使用按鈕元素，不同的瀏覽器將提交不同的值。 Internet Explorer將提交和標記之間的文本，而其他瀏覽器將提交value屬性的內容。使用輸入元素在HTML表單中創建按鈕。

來源

2011-03-01 15:26:23

這沒有什麼區別，它們沒有被提交，它們只是javascript事件的鉤子。「按鈕」比「輸入」更容易風格化，雖然簡單的「a」也可以在這裏完成...... – jeroen 2011-03-01 15:41:39

您可以使用Firebug，可以看到什麼引擎蓋下回事然而還有就是你面臨這種情況下 CSS Problem behind content not clickable

我相信，沒有什麼做輸入型可能性很大=「按鈕」或按鈕類型=「按鈕」

來源

2011-10-20 17:16:52 kta

按鈕不工作在IE瀏覽器，罰款Firefox/Opera/Chrome

回答

相關問題