input 按鈕背景在IE6 IE7中不顯示的解決方法
發(fā)布時間：2013-08-19 16:29:23 作者：佚名 
我要評論
我要評論在使用IE6 IE7 等低級瀏覽器的人已經(jīng)被時代拋棄，下面為大家介紹下input 按鈕背景不顯示的具體解決方法，有此經(jīng)歷，由此需求的朋友可以參考下，希望對大家有所幫助
首先現(xiàn)在使用IE6 IE7 等低級瀏覽器的人已經(jīng)被時代拋棄，但是顧客就是上帝，時代拋棄他們，我們不能拋棄，但是求求你們快換個高級點兒的吧~
廢話少說
<input type="button" value="預定" class="bookBtn" id="bookBtn" >
css中加入display:block;就可以了：
input.bookBtn{
display:block;border:none;width: 125px;height: 32px;overflow: hidden;cursor: pointer;background: url("../images/bookBtn.png") no-repeat scroll 0px 0px;
}
廢話少說
復制代碼
代碼如下:<input type="button" value="預定" class="bookBtn" id="bookBtn" >
css中加入display:block;就可以了：
復制代碼
代碼如下:input.bookBtn{
display:block;border:none;width: 125px;height: 32px;overflow: hidden;cursor: pointer;background: url("../images/bookBtn.png") no-repeat scroll 0px 0px;
}
相關(guān)文章
- 這段時間在處理網(wǎng)頁默認的input 按鈕時，IE下常顯現(xiàn)不一致的寬度問題，讓人感到很糾結(jié),今天抽時間整理了一些，貼出來和大家分享下，希望對你們有幫助2012-12-24
- 請在各瀏覽器里查看以下input的顯示效果！ 解決后顯示效果！ 具體代碼 .button{ margin:0; padding:0 0.25em; width:auto; *width:1;/*寬度不帶單位我是第一次見，2009-06-05
- 網(wǎng)頁制作Webjx文章簡介：你是不是覺得自己的主頁不夠靚麗，想讓它有所改變呢？聽說過樣式表格嗎？就是CSS，它就是那個能讓你更為準確地控制網(wǎng)頁的東東。2009-04-02
- 在一些網(wǎng)站進行上傳時，當單擊了“瀏覽”按鈕之后會彈出【選擇文件】的對話框。很多時候我們需要只上傳圖像文件，那么在彈出的【選擇文件】對話框中只顯示了相關(guān)2008-10-17
- 本篇文章小編為大家介紹，關(guān)于如何去掉submit按鈕背景陰影的解決方法。需要的朋友參考下2013-04-23
- 今天遇見一個bug，在ie下，input設(shè)置一個背景圖片如下圖：2011-08-02
適合絕大多數(shù)電腦用戶的老牌實用軟件 驅(qū)動精靈 2011V5.5.513.2020 綠色
驅(qū)動精靈 - 一款適合絕大多數(shù)電腦用戶的老牌實用軟件。 驅(qū)動精靈不僅可以快速準確的檢測識別您系統(tǒng)中的所有硬件設(shè)備，而且可以通過在線更新及時的升級驅(qū)動程序，并且2011-05-15
