CSS透明与兼容不同版本浏览器写法

最新推荐文章于 2022-05-07 14:30:35 发布

一直前行wei

最新推荐文章于 2022-05-07 14:30:35 发布

阅读量352

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/weixin_43263240/article/details/104377878

版权

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>透明度</title>
		<style>
		*{margin:0;padding:0;}
		.function1{
			width:200px;
			height:200px;
			background:green;
			opacity:0.3;<!--0-1之间的小数 1：完全不透明 0:完全透明-->
			filter:alpha(opacity=10);<!--添加此行为了兼容老版本，例如ie6浏览器-->
		}
		.function2{
			width:200px;
			height:200px;
			background:red;
			background:rgb(0,255,0,0.1);<!--0前面三个值代表着红绿蓝颜色，最后的一个0.1表示透明度取值，1：完全不透明 0:完全透明-->
		}
		</style>
	</head>
	<body>
		<div class="function1">方法一	
		</div>
			<div class="function2">方法二
		</div>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一直前行wei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS透明与兼容不同版本浏览器写法

<!doctype html><html> <head> <meta charset="utf-8" /> <title>透明度</title> <style> *{margin:0;padding:0;} .function1{ width:200px; height:200p...
复制链接

扫一扫