Input的background-image屬性的兼容性


一般來說,設置input按鈕的background-image屬性,在Firefox,Chrome等標准W3C瀏覽器中,只要寫二行css:

1
2
background-image : url (images/hello.jpg);
background-repeat : no-repeat ;

但是在IE下,只寫上面二行CSS,input元素是不會顯示背景圖片的,需要寫成如下形式,才能正常顯示:

1
2
3
4
background-image : url (images/hello.jpg);
background-repeat : no-repeat ;
background-color : transparent ;
border : none ;

其實關鍵是background-color: transparent,讓背景色透明,才能在IE下顯示背景圖片


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM