我有一個不透明度爲.4的div內的導航列表(無序列表)。 UL中的錨設置爲不透明度1,但這不起作用。透明div內的實體div?
<div style="background-color: #000; opacity: 0.4">
<ul>
<li><a href=".." style="background-color: #000; opacity: 1">home</a></li>
</ul>
</div>
有什麼建議嗎? 感謝
我有一個不透明度爲.4的div內的導航列表(無序列表)。 UL中的錨設置爲不透明度1,但這不起作用。透明div內的實體div?
<div style="background-color: #000; opacity: 0.4">
<ul>
<li><a href=".." style="background-color: #000; opacity: 1">home</a></li>
</ul>
</div>
有什麼建議嗎? 感謝
嘗試像這樣
<div style="background-color: rgba(0, 0, 0, .4);">
<ul>
<li><a href=".." style="background-color: rgba(0, 0, 0, 1);">home</a></li>
</ul>
</div>
而且它避免內聯樣式是一個好主意。
不透明度得到了繼承,所以當你應用不透明度時:1;到一個子元素,它是從不透明度計算得出的:0.4;它的父母。
爲了克服這個問題 - 如果你不能使用RGBA - 創建一個包裝元素,其內部創建您0.4不透明元素,然後再創建一個絕對位置的一個另一方。
重複,其中包括:[透明父母中的非透明孩子](http://stackoverflow.com/questions/3031848/nontransparent-child-in-transparent-parent)和[設置背景圖片的不透明度而不影響子元素](http://stackoverflow.com/questions/4997493/set-opacity-of-background-image-without-affecting-child-elements)。嘆氣,我可能已經投了票作爲錯誤問題的副本關閉,我*意味着*這一個:[如何不應用不透明的子元素](http://stackoverflow.com/questions/4182304/how-to-不申請,不透明度換子元素)。 –