首页 > 其他分享 >css 透明度

css 透明度

时间:2022-12-01 22:12:52浏览次数:36  
标签:opacity 透明 透明度 0.5 css 200px

.box3{
                width: 200px;
                height: 200px;
                background-color: yellowgreen;
                
                position: absolute;
                top: 200px;
                left: 200px;
                z-index: 30;
                
                /**
                 *     设置元素的透明背景
                 *     opacity可以用来设置元素背景的透明,它需要一个0-1之间的值:
                 *         0:
                 *            表示完全透明
                 *         1:
                 *             表示不透明
                 *         0.5:
                 *             表示半透明
                 */
                opacity: 0.5;
                
                /**
                 *     opacity属性在IE8及以下的浏览器中不支持
                 *     
                 *     IE8及以下的浏览器需要使用"alpha(opacity=透明度)"属性代替,其中透明度需要一个0-100之间的值:
                 *         0:
                 *             表示完全透明
                 *         100:
                 *             表示不透明
                 *        50:
                 *             表示半透明     
                 * 
                 *     这种方式也支持IE6,但是这种效果在IE Tester中无法测试
                 */
                filter: alpha(opacity=50);

标签:opacity,透明,透明度,0.5,css,200px
From: https://www.cnblogs.com/zhoading/p/16942957.html

相关文章

  • 前端开发:2、CSS、表单标签补充说明
    前端开发之CSS目录前端开发之CSS一、表单标签补充说明二、CSS层叠样式表三、CSS选择器基本选择器CSS组合选择器分组嵌套属性选择器伪装选择器伪元素选择器四、选择器优......
  • 前端-CSS
    1.CSS层叠样式表CSS层叠样式表主要用来调节html标签的各种样式"""思考:页面都是由HTML构成的,并且页面上有很多相同的HTML标签,但是相同的HTML标签在不同的位置可能有不......
  • CSS层叠样式表
    目录CSS前戏1.css语法结构2.css注释语法3.引入css的多种方式CSS基本选择器1.标签选择器2.类选择器3.id选择器4.通用选择器CSS组合选择器CSS前戏主要用来调节html标签的各......
  • 表单标签补充及css层叠样式
    表单标签补充及css层叠样式一、表单知识点补充1.获取用户输入的标签两大重要属性name属性:类似于字典的键value属性:类似于与字典的值#form表单朝后端发送数据的时候,标......
  • 前段知识之CSS
    目录CSS层叠样式表CSS选择器选择器优先级CSS样式调节CSS层叠样式表主要用来调节html标签的各种样式思考:页面都有HTML构成的并且页面上有很多相同的HTML标签但是相同的......
  • 前端(css)基础
    内容概要css选择器css层叠样式表(CascadingStyleSheets)css主要是用来调节HTML标签的各种样式/*我们现在的网页页面都是由HTML构成的,并且上面由很多相同的HTML标......
  • Web前端开发:CSS层叠样式表
    目录CSS层叠样式表-html标签的两大重要属性1.class属性2.id属性一、CSS语法结构1.语法结构2.CSS注释语法3.引入CSS的多种方式(1)嵌入式(2)外链式(3)内联样式二、CSS选择器1.CSS基......
  • CSS层叠样式表
    今日内容概要表单标签补充说明CSS层叠样式表如何查找标签如何添加样式今日内容详细表单标签的补充说明基于form表单发送数据1.用于获取用户数据的标签......
  • B站变成灰彩色的CSS代码
    因为一些原因,网站要变成灰色。我看其他网站就是纯黑白,但是B站是有点暗的彩色,就像暗色印刷的书,记录下,其代码如下:  1html.gray{2filter:grayscale(85%)satu......
  • 前端之css
    目录前端之css今日内容概要今日内容详细表单标签补充说明CSS层叠样式表CSS选择器选择器优先级CSS样式调节前端之css今日内容概要表单标签的补充说明CSS层叠样式表......