时间:2016-01-22 07:24 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【css box-shadow阴影不透明的解决办法】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
css box-shadow阴影不透明的解决办法
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>我爱IT技术网</title>
<style>
.shadow{
width:120px;
height:120px;
border:1px solid #ccc;
background:#fff;
font-size:12px;
padding:10px;
-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#333333");
}
</style>
</head>
<body>
<div style="width:200px;height:200px;background:#393"></div>
<div class="shadow" style="position:absolute;left:80px;top:50px">
www.jb51.net
阴影效果
</div>
</body>
</html>
关于css box-shadow阴影不透明的解决办法的相关讨论如下：
相关问题：css3 box-shadow阴影效果，只要左边和右边，上下不...
答：左右两边有是不可能的，除非你写两个div。 因为box-shadow的三个数值，分别为X轴偏移量，Y轴偏移量，阴影半径 你可以把两个div的Y轴写为0，把X轴一个写正的值，一个写负的负的值。 >>详细
相关问题：用CSS3怎么实现盒阴影 box-shadow？
答：box-shadow: h-shadow v-shadow blur spread color inset; box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。 值 描述 h-shadow 必... >>详细
相关问题：css3 这种半透明边框带阴影，里面填充白色该怎么做？
答：#s3 {padding:20px;width:500px;height:300px;margin:auto;background:#fff;background:rgba(0, 0, 0, 0.6);filter:Alpha(opacity=60);box-shadow:10px 10px 20px rgba(0,0,0,0.5);} .s4 {width:500px;height:300px;background:#fff;} ---------... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-