在css中，可以利用background属性设置背景为灰色，只需要给元素添加“background:#c0c0c0”样式即可。在css中，可以利用opacity属性设置元素的透明度，opacity 属性设置元素的不透明级别。规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。
2. 展示如何通过CSS设置HTML body的透明度 直接使用opacity属性来设置body的透明度会影响页面上的所有内容。为了仅使背景透明而保留内容不透明,你可以使用rgba()颜色值来设置背景色,其中a代表alpha通道(即透明度)。 css body { background-color: rgba(255, 255, 255, 0.5); /* 白色背景,50%透明度 */ } 注...
i tried it before but it changes opacity of whole elements in html page but doesn't change the opacity of body back-ground image. 19th Nov 2017, 6:10 PM anni + 1 Maybe it SHOULDN'T be possible to do? What's behind the background anyway??? By definition the background is the ...
很简单，css里设置body背景为渐变，渐变方向从左到右，两种颜色渐变，渐变比为50%，把右边的颜色设置为透明或白色即可
<style type="text/css"> *{padding:0; margin:0;} html,body{ width:100%; height: 100%; } .con{ width:100%; height:4000px; background:url(mooc.png) center top no-repeat; } .opacity{ width:100%; height:100%; opacity:0.5; background:black; position:fixed; top:0; } .login{ wi...
再加上一点点美化css的修饰 .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / 65%);}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(255 255 255 / 65%);}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42 / 75%);} ...
opacity: 0;margin:0 auto;height: 0px;}#nav {display:inline;text-align:left;position:relative;list-style-type:none;}#nav > li {float:left;padding:0;position:relative;}#nav > li > a {border:1px solid transparent;color:White;display:block;...
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px;display:none; opacity:0.5; -moz-opacity:0.5; } 遮罩层的样式代码,红色部分是关键的部分 <body> <div class="container" style="height:2000px;"> ...
这里有一个只使用CSS的方法。但是，有一个警告，CSS不能等待一个事件，所以它不能知道整个网站何时加载...
1、需要有一个层将body遮住,放在body上方。 2、修改body的overflow属性值为:hidden 废话不多说了,将关键代码贴出来了,兼容火狐,谷歌,ie 遮罩层的样式代码,红色部分是关键的部分 复制代码代码如下: .cover position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #...