css 背景透明度?
css background transparency?
所以我一直在浪费很多时间尝试做一些简单的事情。使用自定义 css 插件,我一直在尝试将 body 设置为透明,以便在背景中看到图像。
我首先尝试使用的是不透明度选择器,但它将 body 中的所有内容设置为透明。我想让我的图片和文字不透明。我已经在谷歌上搜索了好几个小时,我看到其他人的每个答案都是使用 rgba(数字、数字、数字、不透明度)。我可以看到它是如何工作的,但是使用它根本不会使背景透明。我真的不知道该怎么做,我觉得我缺少了一些非常简单的东西。
请检查我的代码,看看哪里出错了:[jaredbabinec.com][1]
还有我的css:
body {
opacity: .9;
}
.site-header {
rgba(255, 255, 255, .9);
}
.site-content {
background-color: rgba(210, 210, 210, 0.9)
}
使用这个
.site-content {background: rgba(210,210,210,0.9)}
`
.site-header {
rgba(255, 255, 255, .9);
}
`
rgba 不是 属性,它是您遗漏背景的值:
给正文背景图片,背景大小设置为覆盖。
您想要创建一个高度和宽度为 100% 的网站包装器 div。
使 div 的背景透明
更改 id="page"
的 div 的背景颜色
例如
#page{
background-color: rgba(185, 178, 178, 0.71);
}
根据需要更改颜色。希望这会解决你的问题
所以我一直在浪费很多时间尝试做一些简单的事情。使用自定义 css 插件,我一直在尝试将 body 设置为透明,以便在背景中看到图像。
我首先尝试使用的是不透明度选择器,但它将 body 中的所有内容设置为透明。我想让我的图片和文字不透明。我已经在谷歌上搜索了好几个小时,我看到其他人的每个答案都是使用 rgba(数字、数字、数字、不透明度)。我可以看到它是如何工作的,但是使用它根本不会使背景透明。我真的不知道该怎么做,我觉得我缺少了一些非常简单的东西。
请检查我的代码,看看哪里出错了:[jaredbabinec.com][1]
还有我的css:
body {
opacity: .9;
}
.site-header {
rgba(255, 255, 255, .9);
}
.site-content {
background-color: rgba(210, 210, 210, 0.9)
}
使用这个
.site-content {background: rgba(210,210,210,0.9)}
` .site-header {
rgba(255, 255, 255, .9);
} `
rgba 不是 属性,它是您遗漏背景的值:
给正文背景图片,背景大小设置为覆盖。
您想要创建一个高度和宽度为 100% 的网站包装器 div。 使 div 的背景透明
更改 id="page"
的 div 的背景颜色例如
#page{
background-color: rgba(185, 178, 178, 0.71);
}
根据需要更改颜色。希望这会解决你的问题