<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標(biāo)題文檔</title><style type="text/css">#apDiv1 { position: absolute; left: 80px; top: 136px; width: 956px; height: 313px; z-index: 1; background:red; opacity:0.5;}</style></head><body> <div id="apDiv1"> <div style="width:100px; height:100px; background-color:blue;position:absolute;"></div></div></body></html>我需要的是里面的div的背景圖可以不透明的展示出來，該怎么做，求大神啊
3 回答
慕神4975613
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊
opacity:0.5;
這個(gè)是給容器透明的。里面的所有內(nèi)容都會(huì)透明的。你所想實(shí)現(xiàn)的只是把背景色透明而已。如果只考慮現(xiàn)代瀏覽器可以這樣寫。
background:?rgba(255,?0,?0,?0.5);
走向流沙
TA貢獻(xiàn)45條經(jīng)驗(yàn) 獲得超23個(gè)贊
<div>
<div id="apDiv1"></div>
<img src="" >
</div>
看懂我的意思了嗎，這樣設(shè)定，再用絕對(duì)定位將#adDiv1和img重疊
添加回答
舉報(bào)
0/150
提交
取消