css 为什么div 设置了背景颜色 边框透明度就没有了呢
div{width:200px;height:300px;background-color:#fff;border:18pxsolidrgba(0,0,0,.3)}这种情...
div{width:200px;height:300px;background-color:#fff;border:18px solid rgba(0,0,0,.3)}
这种情况边框就没有透明效果了 如果把background--color 去掉 就会透明 我应该怎么做 div背景颜色需要是白色的 还要有边框透明的效果 展开
这种情况边框就没有透明效果了 如果把background--color 去掉 就会透明 我应该怎么做 div背景颜色需要是白色的 还要有边框透明的效果 展开
2个回答
展开全部
要不你换个方式.div1{width:200px;height:300px;background: rgba(0,0,0,0.3); padding:10px;}
.div2{width:200px;height:300px;background:#fff; }
<div class="div1">
<div class="div2"></div>
</div>
.div2{width:200px;height:300px;background:#fff; }
<div class="div1">
<div class="div2"></div>
</div>
追问
第一张图 是只有设置了边框透明 第二张图把背景图片加上了白色 就成了这个样子 我应该怎么解决？？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我试了一下，没有你说的问题
更多追问追答
追问
我这就是我说的这个问题啊 ？？？
追答
刚才是没有大的背景图，所以看错了，现在是需要两个div来做，
你这种方法是背景颜色把边框也包进去了，边框的底色是白色的，所以就没有办法透明了
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>效果</title>
<style type="text/css">
*{
box-sizing: border-box;
}
body{
background: url(images/tou.jpg);
}
.div1{
width: 300px;
height: 300px;
border: 10px solid rgba(0,0,0,.3);
}
.div2{
width: 280px;
height: 280px;
background-color: #fff;
}
</style>
</head>
<body>
<div class="div1">
<div class="div2"></div>
</div>
</body>
</html>
这样你在看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
