css设置背景透明度

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>背景透明度</title>
<style>
.demo{padding: 25px;
background-color:#000000;/*filter:alpha(opacity)方法支持ie8及以上,加上zoom:1也可支持ie8及以下*/filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;/*解决ie8及以下透明问题，ie6、ie7下必须写上zoom:1*//*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#80000000,endColorStr=#80000000);*//*background-color不支持ie8及以下，若要兼容ie8以下，必须加上上面一句*//*background-color:rgba(0,0,0,0.5);*//*zoom:1 ie8以下有些样式不能显示，启动后可以显示*/zoom: 1;
}
:root.deno {filter: none; /* IE9下需要关闭滤镜，否则会与背景色同时生效 */
}
.demo p{color: red;
}
</style>
</head>
<body>    <div class="demo"><p>背景透明，文字也透明</p>
</div>
</body>
</html>

css设置背景透明度相关推荐

html怎样调节背景透明度,css设置背景透明度的方法是什么
css设置背景透明度的方法是什么发布时间:2020-09-01 15:43:28 来源:亿速云阅读:83 作者:小新这篇文章将为大家详细讲解有关css设置背景透明度的方法是什么,小编觉得挺实用的 ...
css设置背景透明度,css设置背景透明度你需要学习了
css通过设置透明度可以得到遮罩效果,今天咪咪我就来给大家讲解一下css透明度的设置方法. 工具/材料电脑 webstorm 操作方法 01 如图,打开webstorm,然后新建一个html界面,在 ...
css设置背景透明度，而不影响内部元素
设置DOM元素背景透明度,常用opacity属性,如下效果 <html><head><style>.image{width: 600px;height: 400px ...
css设置背景透明度不影响其他文字图片
rgba透明度效果如下: CSS篇 rgba透明度效果如下: 第二种方式:rgba (推荐) 第二种方式:opacity 第二种方式:rgba (推荐) background: rgba(255,25 ...
css设置背景透明度、16进制色值设置透明度
1.rgba(推荐) (rgba与rgb区别:rgb和rgba都表示颜色. rgb: 代表红绿蓝三种颜色 rgba: 在rbg的基础上加了 "alph ...
php设置背景为透明,css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
CSS设置背景颜色透明的两种方法
在css中设置背景颜色透明的方法有两种: 一种是通过rgba方法设置,另一种是通过backgroundh和opacity设置下面分别是css中两种方法实现的背景颜色透明实例 1,通过backgro ...
CSS设置背景透明效果
CSS设置背景透明效果设置背景透明效果有两种方法: 使用opacity属性定义透明度,范围0-1,0表示完全透明,1表示不透明,优点:可以在背景图片以及背景颜色上使用.缺点:会把设置div及其子元素 ...
php设置背景图片的代码,css设置背景图片如何实现？（代码实例）
本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...

css设置背景透明度

css设置背景透明度相关推荐

最新文章

热门文章