Question

基本上我想在这里做什么设备： http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position

让我的背景图片在div上有一个id。

#wrapper {
	height: 900px;
	width:  900px;
	border: solid black;
    margin-left: auto;
    margin-right: auto;
}
#idbackground {
   background-image: url("http://i.imgur.com/7h8ejPJ.png");
   width: 324px;
   height: 250px;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position:center center;
 }

<DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="idbackground"></div>


</div>

</body>
</html>

而不是居中图像消失..

Answer 1

你的

后忘记了分号

background-image: url("http://i.imgur.com/7h8ejPJ.png")

同时将width和height属性添加到您的图片div为100％。

＆＃13;

#wrapper {
	height: 900px;
	width:  900px;
	border: solid black;
    margin-left: auto;
    margin-right: auto;
}
#idbackground {
   background-image: url("http://i.imgur.com/7h8ejPJ.png"); /* add semicolon here*/      
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position:center center;
   width:100%;           /*add width*/
   height:100%;          /*add height*/
 }

＆＃13;

<DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="idbackground"></div>


</div>

</body>
</html>

＆＃13;

问题是你正在设置宽度和高度并且图像被包裹在此内部，因此图像在此边界内被限制，因此您看到图像的一部分不可见，并且在滚动时它完全被隐藏，因为图像div向上滚动..

Answer 2

popup.js在行尾缺少background.js。

Answer 3

您的代码在声明末尾缺少分号...应该是

@media(min-width:768px){
    .navbar {
        overflow: visible;
        max-height: 60px;
    }
}

分号需要在每个声明之间分开。如果声明是最后一个，则只允许删除它。

Answer 4

这对我来说非常适合。

#idbackground {
 background: url(http://i.imgur.com/7h8ejPJ.png)
}

Answer 5

就像雷迪说的那样，让你的width和height等同于100%。

如果您使用非方形图像，请使用值min-width的{{1}}和min-height属性，以平方到更大的轴。

此外，如果您愿意，可以通过将所有100%属性整合到一个速记background属性中来节省自己的输入...

background

#idbackground { background: url("http://i.imgur.com/7h8ejPJ.png") no-repeat fixed center; height: 100%; width: 100%; }属性的简写语法如下......

background

确保在每个值之间包含空格，并用相应的background: [color] [url(img.jpg)] [repeat_value] [attachment_value] [position_value(s)];前缀值替换括号内的项目。如果省略或空白，则只会将其设置为默认值。

因此，清理版本将是......

background-

...使用相同的HTML标记。

使用div Id使用背景图像

5 个答案: