如何使用jQuery设置背景图像高度？_Jquery_Css

如何使用jQuery设置背景图像高度？

jquery css

如何使用jQuery设置背景图像高度？,jquery,css,Jquery,Css,我想我的背景图像，以填补高度的窗口，它是被视为。显然我不知道这个值，因为它是可变的。我知道使用jQuery可以做我想做的事情，但在搜索了SO和google大约一个小时后，没有找到我问题的答案，我放弃了，决定改为提问我用css将背景图像设置为包含如何实现所需的结果？您好，您可以通过在image tag或div中使用“最大宽度”属性，或者通过将image设置为body tag来实现 max-width: 100%; 还是像这样 <body background="http://ssmst

我想我的背景图像，以填补高度的窗口，它是被视为。显然我不知道这个值，因为它是可变的。我知道使用jQuery可以做我想做的事情，但在搜索了SO和google大约一个小时后，没有找到我问题的答案，我放弃了，决定改为提问

我用css将背景图像设置为包含

如何实现所需的结果？

您好，您可以通过在image tag或div中使用“最大宽度”属性，或者通过将image设置为body tag来实现

max-width: 100%;

还是像这样

<body background="http://ssmstorage.blob.core.windows.net/thumbnail/thumbnail_6e9579e9-ec17-4fce-a8cb-6421322b5460.jpg">

我认为下面的代码将对您有所帮助

请查看链接以了解更多详细信息


DFKSDHFSDFKLSDFHSDKLFJKLSF
DFKSDHFSDFKLSDFHSDKLFJKLSF

根据窗口高度使用Jquery背景图像 请参见片段


$（文档）.ready（函数（）{
var winHeight=$（window.height（）；
$（'.windowheight bg'）.css（'height'，winHeight+'px'）；
});

身体{
边际：0px；
}
.窗高bg{
宽度：100%；
背景：红色url(http://i67.tinypic.com/2mqj1iq.jpg)不重复；
背景大小：100%100%；
}

这不一定要用JS来完成。阅读cssvh
属性：您可以这样做：（如果您已经在检索图像，就不会有任何额外的开销）尽管正如人们所提到的，您可能根本不需要JS。背景大小：自动100%使用这个$（'.your_div'）.css（{“background size”：“100%”）；我想我可能把问题的措辞弄错了。我不希望图像跨越整个网页的高度，我只希望它作为一个横幅或英雄充满屏幕。图像下方将有不同背景的内容。如果我将CSS中的高度设置为100%，它只会填充它包含的div。我想这正是我需要的。我现在要测试一下。
<body  background="w3s.png">
<img style=" display: inline-block;
    max-width: 100%;
    vertical-align: middle;" src="http://ssmstorage.blob.core.windows.net/thumbnail/thumbnail_6e9579e9-ec17-4fce-a8cb-6421322b5460.jpg" alt="Smiley face" width="50%" height="50%">
<h1>dfksdhfsdfklsdfhsdklfhlskfsdlfjklsf</h1>
<img style=" display: inline-block;
    max-width: 100%;
    vertical-align: middle;" src="http://ssmstorage.blob.core.windows.net/thumbnail/thumbnail_6e9579e9-ec17-4fce-a8cb-6421322b5460.jpg" alt="Smiley face" width="50%" height="50%">
<h1>dfksdhfsdfklsdfhsdklfhlskfsdlfjklsf</h1>
<img style=" display: inline-block;
    max-width: 100%;
    vertical-align: middle;" src="http://ssmstorage.blob.core.windows.net/thumbnail/thumbnail_6e9579e9-ec17-4fce-a8cb-6421322b5460.jpg" alt="Smiley face" width="50%" height="50%">
</body>