CSS 完美的全屏幕背景图像

Posted 2021-05-23

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 完美的全屏幕背景图像相关的知识，希望对你有一定的参考价值。

html {
    background: url(images/background01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* IE compatability */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')&quot;;
}

以上是关于CSS 完美的全屏幕背景图像的主要内容，如果未能解决你的问题，请参考以下文章

带有 React JS Div 和组件的全屏背景图像

css 完美的背景图像css-trick

CSS 完美的整页背景图像

如何使背景标题图像扩展到浏览器的全宽

css 背景CSS图像适合屏幕并具有滤色器

react native android背景图像不适合屏幕