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