添加辅助"背景" CSS的颜色 - 第一次制作网站。

时间:2014-06-12 19:09:55

标签: css web

我试图推出一个网站,这是我第一次使用CSS。我从themeforest购买了一个自定义主题。我试图制作它以便我有两种背景颜色:我希望它有一种次要和主要的背景颜色。

这是一个示例页面:http://nosmokingmedia.com/testreview-aphex-twin/ - 我尝试做的是使橙色背景保留,但在文本后面实现白色背景,使其更清晰更清洁。

我的主题中有一个选项可以添加自定义CSS(我到目前为止只为全局字体颜色做了这个),但我不确定如何添加此背景。到目前为止,我已经尝试过:

#subbackground
    {
    width: 65%;
    height: 100%;
    background-color: #D9D9D9;
    opacity: .2;
    margin-left:-32.5%;
    width:65%;
    left:50%;
    position:fixed;
    z-index: 2;
    color:#ffffff;

当我将其输入到自定义css代码的部分时,它没有任何效果。

提前致谢!

2 个答案:

答案 0 :(得分:3)

除非您的元素包含id="subbackground",否则无法执行任何操作。

根据您网页中的HTML,似乎是:

.post-text {
  background-color: #FFF;
  opacity: 0.8;
}

可能就像你正在寻找的东西。

答案 1 :(得分:0)

如果那是你的页面,那么添加它应该有效:

.post-text p
{
    background-color: #D9D9D9;
    opacity: .2;
}

使用class' post-text'设置所有元素中所有段落的背景颜色。 (这是您的文本所在的位置)具有背景颜色和不透明度。你拥有它的方式过于复杂。更简单更好:)