css - 使用 css 或 jquery 将背景图像设置为全高和全宽

标签 css background-image

我只想要我的主页 div 的背景图像,它只对台式机和平板电脑(横向)可见。我可以使用 CSS 媒体查询来调整它们。

但是我的背景图片不适合全高。

这是我的pluner代码。 http://plnkr.co/edit/HzlZdqvprkhzO1edqNKK?p=preview

我的 jquery 代码

$(document).ready(function(){
    console.log($('.home').height());
});

也返回 null。

解决这个问题的最佳方法是什么。

最佳答案

将这段代码添加到你的图像中,你将在没有 jquery 的情况下得到你的结果:

background: url(http://www.pulsarwallpapers.com/data/media/3/Alien%20Ink%202560X1600%20Abstract%20Background.jpg) no-repeat center center fixed;
background-size: cover;
height: 400px;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;

secret 是使用 background-size: cover 然后将背景设置为固定高度和宽度 100%

关于css - 使用 css 或 jquery 将背景图像设置为全高和全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28559845/

相关文章:

html - 需要一个全屏背景图像来包含超链接

html - 容器流体未居中

html - 对齐 flexbox 中的内容在 IE 11 中不起作用

javascript - 替换背景图片onclick

css - 背景混合模式不适用于移动设备

html - Div、背景图像和图像映射

CSS 淡化顶部和底部 "borders"

jquery - 近乎完美的 Jquery slider 的微小修改

css - 网站发布时提供的 MVC 应用程序模板圆 Angular 消失

html - 我的网站及其样式存在问题