<分区>
<分区>
Possible Duplicate:
Set size on background image with CSS?
我需要找到一个解决方案来获得与我已经实现的背景图像相同的效果 here但使用图像标签。换句话说,我可能需要使用 Javascript 来做到这一点,但我没有找到任何合适的解决方案。
这里是示例页面中我正文的 Html。
<div id="contacto">
<div class="home">
</div>
</div>
CSS 如下:
#contacto {
background-image: url("../img/barcelona-buildings.jpg");
background-attachment: fixed;
background-position: center 965px;
height: 350px;
width: 100%;
margin-top: 75px;
box-shadow: 2px 1px 6px 0 #888888 inset;
-moz-box-shadow: 2px 1px 6px 0 #888888 inset;
-webkit-box-shadow: 2px 1px 6px 0 #888888 inset;
}
.home {
overflow: hidden;
z-index: 1;
}
现在,但我想删除 background-image: url("../img/barcelona-buildings.jpg");
在 CSS 中使用 <img src="../img/barcelona-buildings.jpg" alt="">
在div class="home"
里面使用 Javascript 自动根据显示宽度调整 img 的大小
这可能吗?我怎样才能实现它?
最佳答案
对于IMG这样写:
.home img{
position:fixed;
width:100%;
height:auto;
}
关于html - 在我的 div 中调整背景图片的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12457267/