一般來說,設置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下顯示背景圖片