0

这是我所做的:

.bodyimage { 
  background-image: url('px_by_Gre3g.png');
  background-repeat: repeat;
}

但是,如果我尝试放置任何元素,例如 p、h1、h2、h3 等,它根本不会显示。这是我的代码:

<!DOCTYPE HTML>
<html>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.css">
<meta charset="UTF-8">
  <head>
    <title>Dave's Website</title>
     </head>
    <body class="bodyimage">
    <p><b>test</b></p>
    </body>

这没什么,只是一个简单的网站。我不确定为什么它根本不会显示。有人可以帮忙吗?

4

3 回答 3

1

您的linkandmeta不在 中head,这是无效的。试试这样:

<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.css">
    <link rel="stylesheet" type="text/css" href="bootstrap-responsive.css">
    <meta charset="UTF-8">
    <title>Dave's Website</title>
</head>
<body class="bodyimage">
    <p><b>test</b></p>
</body>
</html>

使用验证器检查您的标记

JSBin与不同的background-image.

于 2013-07-04T14:13:34.733 回答
0

To add body background in Twitter Boostrap I add background: url(../img/bg.png) repeat 0 0; to

body {
  margin:0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:20px;
  color:#333;
  background-color:#fff;
  background: url(../img/bg.png) repeat 0 0;
}
于 2013-07-04T14:22:13.503 回答
0

您的图像是透明还是部分透明导致文字不可见?尝试将字体颜色更改为白色或黑色,然后从那里开始工作。

有关图像和字体的更多信息,请参阅以下站点。 http://www.w3.org/wiki/CSS_background_images

于 2013-07-04T14:13:55.453 回答