無標題文檔

文明扯淡，利國利民。

當一個input框背景透明時(background-color:transparent;)，在ie下會被穿透，而在chrome等瀏覽器下則不會，有什么方法可以解決？

回復討論(解決方案)

有人知道嗎？

可以用半透明的圖片作為input的背景，而不是用文字，就可以解決

可以用半透明的圖片作為input的背景，而不是用文字，就可以解決

+1

或者試試濾鏡吧

把input中的背景圖片設置成和div的背景圖片相同的即可

引用 2 樓 jellday 的回復:

可以用半透明的圖片作為input的背景，而不是用文字，就可以解決

+1

或者試試濾鏡吧

試過濾鏡，半透明和漸變，都是穿透。

可以用半透明的圖片作為input的背景，而不是用文字，就可以解決

你說的是可以的，用一像素半透明png，不過這個方案，不能用css圖片拼合，在ie6也不給力。所以我想有沒有濾鏡還是什么，可以不穿透的。

可以用半透明的圖片作為input的背景，而不是用文字，就可以解決

把文字寫進圖片，用圖片做背景，不是很ok，因為那文字隨時會變，不能重用。你可以參考下mail.qq.com，他們在ie下，背景也是穿透的，他們的方案是點擊到背景文字時候，再fouse到上面的輸入框。

我解決辦法很簡單：給input加上屬性:background:url(0) no-repeat;

兼容所有瀏覽器，呵呵！

很好很好給力

我解決辦法很簡單：給input加上屬性:

CSS code1background:url(0) no-repeat;

兼容所有瀏覽器，呵呵！

不錯，我的問題解決了

LZ你是我的神啊，幫我解決大問題了！

本條技術文章來源于互聯網，如果無意侵犯您的權益請點擊此處反饋版權投訴

本文系統來源：php中文網

總結

以上是生活随笔為你收集整理的html设置input透明背景,input背景透明的穿透问题_html/css_WEB-ITnose的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。