gpt4 book ai didi

html - 如何将带有圆 Angular 的边框作为图像和内部背景颜色来透视?

转载 作者:太空宇宙 更新时间:2023-11-04 13:13:46 26 4
gpt4 key购买 nike

我有一个带内圆 Angular 的 div 边框,我想用图像替换它。图像将应用不透明度、渐变和其他 Photoshop 效果。

我还想让内部 div 的背景色透明,以便 body 的图像可见。基本上我在 .inner div 中追求透明背景。

JSFiddle:http://jsfiddle.net/EN2XZ/2/

这是我的 HTML:

<body>
<div class="outer">
<div class="inner">
....
....
</div>
</div>
</body>

CSS:

body {
background-image:url('image-url');
background-size:cover;
background-repeat:no-repeat;
padding:50px;
}
.outer {
background-color:#000;
padding:10px;
}
.inner {
border-radius:10px;
background-color:#fff;
padding:5px 15px;
color:#0000ff;
}

最佳答案

不是很清楚你给的图片需求描述

要获得透明背景,请在 rgba 中提供背景颜色将内部 class 重写为

.inner {
border-radius:10px;
background-color:rgba(0,0,0,0.2);
padding:5px 15px;
color:#0000ff;

rgba 最后一个参数是 opacity

关于html - 如何将带有圆 Angular 的边框作为图像和内部背景颜色来透视?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24514084/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com