Question

我有类似的东西

<div class="top"><p class="title">Some text</p></div>

和它的CSS

.title {
    text-align: center;
    color:blue;
}

.top {
    width:1205px;
    height:100px;
    float:left;
    background-image: url("Tlo_top.png");
    color: blue;   
}

它只是没有显示奇怪的文字，因为它在我添加背景之前有效但现在当我删除它仍然没有显示它O.o

Answer 1

文字显示即使我添加背景图片请检查小提琴， http://jsfiddle.net/nikkirs/xnmd53c2/ 可能是你的文字颜色和图像颜色相同

.title
{
text-align: center;
color:blue;
}

.top
{
width:1205px;
height:100px;
float:left;
background:#000000;
color: blue;

}

Answer 2

像这样使用

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

Answer 3

问题出现了问题，我清楚地看到文字显示了。

Answer 4

HTML

<div class="top">
    <p>Some text</p>
</div>

CSS

.top {
  width:1205px;
  height:100px;
  float:left;
  background-image: url("Tlo_top.png");
  color: blue;
}
.top p {
  text-align: center;
  color:blue;
}

试试这个。它对我来说很好。如果仍然无法正常工作，可能是相同的文字颜色和图像颜色可能是问题。

DIV / P中未显示HTML / CSS文本

4 个答案: