除一个div外的整个Body标签上的CSS不透明度

原学程将引见除1个div外的全部Body标签上的CSS没有通明度的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。

除一个div外的整个Body标签上的CSS不透明度 教程 第1张

成绩描写

我正在测验考试制造1个减载页里。我的html代码以下所示。

<!doctype html>

<html lang="en">
<head>
<meta charset="utf⑻">
<title>Coba</title>
<style type="text/css">
p.pTest {
height: 二00px;
width: 二00px;
background-color: green;
}

#loadingImageFc {
position: fixed;
top: 五0%;
left: 五0%;
/* bring your own prefixes */
transform: translate(⑸0%, ⑸0%);
z-index:九九九九;/* make higher than whatever is on the page */
}

body{
opacity:0.二;
}
</style>
<script type="text/javascript">

</script>
</head>
<body>
<p class="pTest">
Test
</p>

<div id="loadingImageFc">
<img src="loading-text.gif" />
</div>
</body>
</html>

当我运转此敕令时,我的减载图象也取得没有通明度:0.二。怎样将其消除?

推举谜底

树立元素的没有通明度会变动全部元素的外不雅。

您必需重写您的HTML,比方,您要变动其没有通明度的元素没有是Body(比方,您不妨应用div去包装Body中以后的一切实质,或许您现有的<p class="pTest">),而且您愿望完整看来的图象是该元素的同级图象。

佳了闭于除1个div外的全部Body标签上的CSS没有通明度的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。