簡單css代碼 實現背景透明 -文字不透明 支持ie和火狐(FF)
這幾天公司很忙。好幾個單子都堆在一起在做。最近這幾個單子都是細節修改較多。有的時候感覺做網站越來越累了。
這幾個客戶都談的比較爽快。還是一步一步幫他們修改。其中有一家客戶需要修改的下拉菜單的背景顏色要透明。
我第一想到的就是 css做。然后就找了下資料。發現透明我們直接用:filter:alpha(opacity=50); 然后就寫了下,然后測試
發下IE 可以了。就此以為解決了。但是用火狐打開了一下。發現沒透明。郁悶。兼容有問題。又接著找資料。發現火狐透明是用:
opacity:0.5; 然后測試了。OK解決了。下面貼出完整的代碼和效果圖:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <body> <div class="div" style="filter:alpha(opacity=40);opacity:0.5;background:#000000;">透明背景顏色</div> </div> |
但是大家在做 欄目背景透明的時候。會發現。他會和字一起透明了。所有就要用到特定的css 寫。用幾個絕對層來寫!
代碼如下:
<html> #text {
|
【責任編輯:小戴工程師】
關鍵字: css透明代碼 簡單css代碼 文字不透明 背景透明
上一篇:網站建設最容易失敗的五個點大家 下一篇:煩人的 0x80004005 未指定的錯誤 解決方法