2014-01-15 119 views
-7

我需要實現以下文本框樣式:
- 字體顏色應該是#555555,但它需要在不透明度爲50%時變灰。
- 背景顏色應該是#c5eafb。
瀏覽器:IE8/9,最新的FireFox。文本框中的透明文本(css,js,jquery)

更新

有關於如何實現透明背景的例子。但這並不是我所需要的。

我的目標是透明(50%)的字體顏色與不透明的背景。

我發現的唯一可能的方法是使用RGBA(How to change text transparency in html/css?)。

<table> 
    <tr class="fontTable"> 
    <td class="rowHeight">Parameters</td> 
    <td class="alignRight"> 
     <label>Name</label> 
     <label> 
     <input type="text" class="inputDisabled" value="" size="15"/> 
     </label> 
    </td> 
</tr> 
</table> 

.inputDisabled 
{ 
    border-color: #a0c5d6; 
    background-color: #c5eafb; 
    color: #000; /* Fallback for older browsers */ 
    color: rgba(0, 0, 0, 0.5); 
} 

這在FF和IE9中正常工作,但在IE8中不支持。

這怎麼能實現IE8呢?

+2

很高興見到你所需要的。那麼問題是什麼? – Ruddy

+0

看起來您希望我們爲您編寫代碼。這不會發生,但如果您在解決問題時嘗試解決此問題,我們將很樂意提供幫助。 –

+0

歡迎使用stackoverflow。你應該發佈你所面對的代碼和問題。 –

回答

-2

爲了您的textarea我建議你使用

textarea { 
    background:#c5eafb; 
    color: rgba(85,85,85,0.5); 
} 
+2

在IE8中不支持rgba顏色(並且OP表示他需要IE8支持)。來源:http://caniuse.com/#search=rgba – donnywals