<分区>
<分区>
所以我的问题是我需要我的导航栏背景图像在整个页面宽度范围内。这是一个 fiddle :http://jsfiddle.net/faytAlvein/FDVby/4/ 导航下的黑色很好忽略它。原来没有,因为它是不同的背景图像。只是宽度是问题。无论窗口大小如何,它都需要缩放 100% 的页面。如果有帮助,真实的背景图像是 1145x144。
<div id="navbar" >
<div id="links" >
<a href="thisindexpage.php" class="navLink" >Home</a>
<a href="aboutUs.html" class="navLink" >About Us</a>
</div>
</div>
导航栏.css
#navbar
{
background-image: url('../images/nav.png');
background-repeat: no-repeat;
background-color: black;
}
#links
{
font-size: 20px;
font-family: helvetica;
padding-top: 25px;
padding-bottom: 94px;
margin-left: 150px;
}
最佳答案
您可以使用 background-size
将背景图像“拉伸(stretch)”到 100%属性(property)。
background-size: 100%;
你的 CSS:
#navbar {
background-image: url('../images/nav.png');
background-repeat: no-repeat;
background-color: black;
background-size: 100%;
}
关于html - 背景图像没有向右移动 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13848110/