风格 - 背景图像没有显示

时间:2014-11-25 19:49:40

标签: html css background background-image

有人可以告诉我为什么我的背景图片没有显示出来吗?这是我的style.css布局?我尝试了很多代码,但由于某种原因,图像不会出现。请帮助我,这是一个项目。

<style>

.body {
  background-image: url('http://i58.tinypic.com/2ngegih.png'); 
  background-repeat: repeat-y;
  background-position: left top;
  font-family: arial;
  font-size: 10pt;
}


#heading {
  text-align: center;

}

#left {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 200px;
}

#middle {
  top: 10px;
  margin-left: 100px;
  margin-right: 700px;
  width: 810px;



}

#right {
  float: right;
  padding: 0px 10px 0px 10px;
  width: 90px;
}
 <style>

这是我的标题页:

<div id="heading">
<div class="heading">

<title>MediaBuzz</title>
<center><img src="http://i59.tinypic.com/vdjsqx.jpg">
</center>
</div></div>

这是索引页面。所有这些页面都是我刚开始以来的全部内容。               

<?php
include('header.php');
?>

<div id="left">
<div class="left">
this is the left column
</div></div>


<div id="middle">
<div class="middle">

this is the middle column 
</div></div>

</style>
</div>

1 个答案:

答案 0 :(得分:0)

  • 您不需要一段时间来选择body元素。不确定您是否使用body作为班级名称。请发布HTML页面的其余部分。
  • 该网址指向HTML网页,但不是原始图片本身。尝试使用http://oi58.tinypic.com/2ngegih.jpg

编辑:

这是无效的HTML。

body元素或类不存在,因此不会应用CSS声明。您需要了解HTML页面的基本结构。使用W3C验证器:http://validator.w3.org/

您还需要运行PHP服务器来解释其中的PHP代码。

以下代码应该回答您的问题:

<!DOCTYPE html>
<html>
<head>
<title>MediaBuzz</title>
<style>
    html {
        height: 100%;
        width: 100%;
    }
body  {
    height: 100%;
    width: 100%;
    background-image: url("http://oi58.tinypic.com/2ngegih.jpg");
}
</style>
</head>
<body>

<!-- the rest of the HTML goes in here -->

</body>
</html>