CSS:不讓Opacity屬性影響子元素。

<span style="-webkit-text-stroke-width:0px; background-color:rgb(194, 245, 168); color:rgb(42, 65, 31); display:inline !important; float:none; font-family:ms jhenghei,ms pgothic,sans-serif; font-size:15px; font-style:normal; font-variant-caps:normal; font-variant-ligatures:normal; font-weight:400; letter-spacing:normal; orphans:2; text-align:left; text-decoration-color:initial; text-decoration-style:initial; text-indent:0px; text-transform:none; white-space:normal; widows:2; word-spacing:0px">遇到父元素設Opacity,會影響子元素:

原本的寫法,#preloader是我的父div:

<span style="-webkit-text-stroke-width:0px; background-color:rgb(194, 245, 168); color:rgb(42, 65, 31); display:inline !important; float:none; font-family:ms jhenghei,ms pgothic,sans-serif; font-size:15px; font-style:normal; font-variant-caps:normal; font-variant-ligatures:normal; font-weight:400; letter-spacing:normal; orphans:2; text-align:left; text-decoration-color:initial; text-decoration-style:initial; text-indent:0px; text-transform:none; white-space:normal; widows:2; word-spacing:0px">子元素的透明度也跟著變了，不是我想要的效果。

<br style="color: rgb(42, 65, 31); font-family: "MS JhengHei", "MS PGothic", sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(194, 245, 168); text-decoration-style: initial; text-decoration-color: initial;"> <span style="-webkit-text-stroke-width:0px; background-color:rgb(194, 245, 168); color:rgb(42, 65, 31); display:inline !important; float:none; font-family:ms jhenghei,ms pgothic,sans-serif; font-size:15px; font-style:normal; font-variant-caps:normal; font-variant-ligatures:normal; font-weight:400; letter-spacing:normal; orphans:2; text-align:left; text-decoration-color:initial; text-decoration-style:initial; text-indent:0px; text-transform:none; white-space:normal; widows:2; word-spacing:0px">所以將這邊改成在父元素的background設Opacity的寫法:

測試後成功:

程式猴

CSS:不讓Opacity屬性影響子元素。

熱門文章

最新文章

最新留言

個人資訊

文章分類

文章精選

文章搜尋

誰來我家

參觀人氣