<section>内部的背景图像不会显示
<section>内部的背景图像不会显示
提问于 2015-11-15 14:14:01
这幅画在我的部分标签(下面的代码)不会显示在页面上。我想知道为什么..。
HTML：
<!doctype html>
<html lang="pl">
<title>Strona</title>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" screen="media,projection">
</head>
<body>
<section>
</section>
</body>
</html>CSS：
html {
width:100%;
height:1230px;
}
body {
width:90%
height:100%;
}
section {
width:100%;
height:19.19%;
background:url(header.jpg); *this path should work because the file is on my hard drive, this is not the issue of the path..
background-size:100% 100%;
background-repeat:no-repeat;
}另外，当我调整浏览器窗口的大小时，我希望我的图片按比例缩放(宽度和高度)。
回答 2
Stack Overflow用户
发布于 2015-11-15 14:24:33
您丢失的分号在体宽语法错误上
html {
width:100%;
height:1230px;
}
body {
width:90%;
height:100%;
}
section {
width:100%;
height:19.19%;
background-image:url("http://s12.postimg.org/xx34q95m3/header.jpg");
background-size:100% 100%;
background-repeat:no-repeat;
}<section></section>
Stack Overflow用户
发布于 2015-11-15 14:31:40
使用这个HTML，有些东西应该写在节里，分号在正文中也少了。
<!doctype html>
<html lang="pl">
<head><title>Strona</title>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" screen="media,projection">
</head>
<body>
<section>Saurabh Singh Mehra</section>
</body>
</html>CSS
html {
width:100%;
height:1230px;
}
body {
width:90%;
height:100%;
}
section {
width:100%;
height:19.19%;
background:url(header.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33720657
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号