如何制作一个图像作为网页的背景,而不考虑显示该网页的屏幕尺寸?我想正确显示它。怎么办?
最佳答案
很简单 使用此 css(将 image.jpg 替换为您的背景图片)
body{height:100%;
width:100%;
background-image:url(image.jpg);/*your background image*/
background-repeat:no-repeat;/*we want to have one single image not a repeated one*/
background-size:cover;/*this sets the image to fullscreen covering the whole screen*/
/*css hack for ie*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.image.jpg',sizingMethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg',sizingMethod='scale')";
}
关于html - 如何在网页中制作全屏背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10869739/