Question

我希望创建一个显示我的信息段落的网站，例如白色背景，我希望段落背景为黑色，但是不透明度低，以便用不同的颜色清楚地区分它和100我正在显示的文字的％不透明度。我似乎无法弄清楚如何做到这一点。

到目前为止，我已尝试将整个文档的背景更改为浅蓝色，将文本更改为白色并将段落背景更改为黑色并降低不透明度。背景颜色与文本一样改变，但段落背景根本没有显示。即使我删除了不透明度值，以确保我不仅仅是使不透明度太低。我想知道是否有人知道如何解决这个问题。我非常感谢你提供给我的所有帮助。

body {background：＃00FFFF; FONT-FAMILY：宋体; } p { 背景：＃000000; } div {color：white; }

Div在段落

中包含我的文字

Answer 1

如果我理解正确，你会希望某些段落的背景略深一些。您可以使用rgba函数将不透明度包含在背景中：

body{ background:#00FFFF;  font-family:arial; } 
p{ background:rgba(0,0,0,0.2); color:white}

<p>
    my text
</p>

Answer 2

您无法在<div>内使用<p>，因为这无效 - 两者都是块级元素。您可以使用<span>代替内联元素有关详细信息，请查看http://www.w3.org/TR/html401/struct/text.html#edef-P

插图示例：

＆＃13;

body {
    background:#00FFFF;
    font-family:arial;
}
p {
    background:#000000;
}
div, span {
    color:white;
}

＆＃13;

<div>
    <p>This is a paragraph inside a div.</p>
</div>
<p>
    <div>This is a div inside a paragraph which is not valid.</div>
</p>
<p> <span>This is a span inside a paragraph which is fine.</span>

</p>

＆＃13;

Answer 3

以下是演示http://jsfiddle.net/uh632aL4/

勾选是将background-color:rgba(0,0,0,0.4);用于div元素。通过这种方式，您的文本将具有100％的不透明度，您可以根据需要更改div元素的不透明度。

CSS样式（文本和段落背景）

3 个答案: