Question

我正在尝试在后台显示test.png，但它没有显示。

以下是我的尝试：

HTML：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="menubalkje"></div>
    <div class="menu"></div>
    <div class="content">
        test
    </div>
    <img class="bgafb" src="images/test.png">
</body>
</html>

CSS：

body {
    padding:0px;
    margin: 0 auto;
}

.menubalkje{
    background-color:#b32b00;
    margin-left:auto;
    margin-right:auto;
    width:1200px;
    height:25px;
}

.menu{
    background-color:E53700;
    margin-left:auto;
    margin-right:auto;
    width:1200px;
    height:75px;
}

.content{
     background-color:#ff3e01;
     width:1200px;
     height:100%;
     margin-left:auto;
     margin-right:auto;
}

.bgafb{
    position:fixed;
    left:-270px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

标识为img的{{1}}元素需要显示背景图片，但不是。

Answer 1

在CSS中添加逗号分隔值的background属性，如：

  #divId {
    background:url(images/image1.png) repeat-x, url(images/image2.png) repeat;
}

希望这个帮助。

从 HERE 获得帮助：

Answer 2

图片显示给我（我尝试使用http网址，因为我没有您的数据库）

http://jsfiddle.net/z8dw4Lfz/

  <img class="bgafb" src="http://img0.chromatic.io/d8fb8ca6-3b46-d763-9dbf-fd8388402d1d/small.jpg">

Answer 3

你给左的概率：-270px;在.bgafb类中，它正在从屏幕上消失图像。如果你将它设置为左：0px;然后图像将显示在身体

Answer 4

如果您想将某些内容用作背景图片，请将其放在CSS的正文中。

body {
background-image: url('path_to_image');
}

图像不会出现在背景中

4 个答案: