调整背景图片在我的div

可能重复：
Set size on background image with CSS?调整背景图片在我的div

我需要找到如何让我已经实现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; 
}

权利，但现在我想在CSS删除background-image: url("../img/barcelona-buildings.jpg");，并使用<img src="../img/barcelona-buildings.jpg" alt="">的div class="home"用javascript内自动调整关于显示器的宽度IMG

这可能吗？我怎样才能实现它？

来源

2012-09-17 Koala7

为什么要摆脱CSS'背景image'财产，并使用''标签究竟做 - 你需要渲染动态选择不同的图像？在这种情况下，你可以动态地生成div的'style'属性？ – froddd

没有其他的不，我被要求使用javascript来做...这可能吗？你会怎么做？ – Koala7

对于IMG这样写：

.home img{ 
    position:fixed; 
    width:100%; 
    height:auto; 
}

来源

2012-09-17 10:24:37 sandeep

那样的话，图片就越过 – Koala7

显示的内容就会给你的内容提供更高的z-index – sandeep

z-index的哪个级别？例如 – Koala7

调整背景图片在我的div

回答

相关问题