防止使用不透明屬性時文本變得不透明

我剛剛使用opacity爲background的內容，但此div（我的意思是內容div）中的文本也變得不透明，我也無法清楚地看到這個div的文本。防止使用不透明屬性時文本變得不透明

我想要容器元素background是不透明的，但不是文本。

div#content{ 
    color:white; 
    width:1150px; 
    background_color:black; 
    opacity:.65; 
    margin:0 auto; 
    filter:alpha(opacity=65); 
}

來源

2014-04-14 atefa

可能的重複[透明背景，但不是內容（文本和圖像），它只在CSS中？]（http://stackoverflow.com/questions/806000/transparent-background-但並非在內容，文字圖像-裏面，它功能於CSS-上） – Joonas

它的所有background-color或者乾脆background但不~~background_color~~其次，你需要首先是rgba其中a代表阿爾法。

所以，當你想使背景顏色不透明，說黑色不透明，比使用

background-color: rgba(0,0,0,.65);

Demo

來源

2014-04-14 06:15:14

你的CSS小於最佳實踐。可以使用#content而不是div#content，因爲id在文檔中始終是唯一的。

您的background_color:black元素是錯誤的。你應該改變它background-color:black;

來源

2014-04-14 06:15:39 rockStar

防止使用不透明屬性時文本變得不透明

回答

相關問題