我想知道哪个背景图像适合每个屏幕,每个浏览器的最佳解决方案。另外我注意到,大多数技术都会使图像产生一点点影响。 我知道有很多技术可以做到这一点,但我想知道哪些是你认为最好的。 谢谢!css完美的全屏图像背景
11
A
回答
23
这post from CSS-tricks.com涵盖了全屏幕背景图像的不同技术,并包括老版本的IE(我还没有测试IE修复)的退步。
当我不需要担心支持旧的浏览器,我一般使用CSS3方法:
html {
background: url(http://lorempixum.com/1440/900/sports)
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
+0
我知道,方式老,但是有没有一个好的替代方案,不会随浏览器调整大小?希望我能给出一个最小高度的图像 –
0
添加这个身体标记内:
<img src="img/beach.jpg"
style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-5000;">
http://thewebthought.blogspot.com/2010/10/css-making-background-image-fit-any.htmlg
相关问题
- 1. CSS - 完全不裁剪的全屏幕背景图像
- 2. 全屏背景图像只使用CSS
- 3. CSS重复的背景图像的背景图像完成
- 4. Inno Setup中的全屏背景图像
- 5. 活动中的全屏背景图像
- 6. HTML CSS带图像的全屏幕背景
- 7. 全屏缩放背景图像覆盖
- 8. 背景图像未全屏显示
- 9. 我想全屏显示背景图像
- 10. 无法使背景图像全屏
- 11. 全屏背景图像被拉伸
- 12. 全屏旋转背景图像
- 13. 背景图像没有完全显示
- 14. iPhone不完全重复背景图像
- 15. ie7:完全不显示背景图像
- 16. 背景图像没有完全伸展
- 17. Div与背景图像完全
- 18. 如何完全设置背景图像填充屏幕?
- 19. HTML和CSS全图像背景
- 20. CSS拉伸背景图像到全宽
- 21. 背景图像CSS
- 22. CSS背景图像
- 23. 背景图像css
- 24. CSS背景图像
- 25. 如何使背景叠加图像完全重复CSS?
- 26. CSS - 重复背景图像应该是完全可见
- 27. 当CSS背景图像完全加载时JQuery绑定事件
- 28. CSS:背景颜色的背景图像
- 29. jQuery全屏背景图片
- 30. 获取背景图像与背景完全调整大小
我不要认为真的有所有解决方案。您的解决方案将很大程度上取决于您的图像的外观和应用方式。例如,许多背景图像在图像中心的内容区域宽度上留下很大的空隙。而其他背景图像通过内容区域显示。一些重复。背景图像有几种技术,但根据设计的不同而不同。 – Jrod
http://css-tricks.com/3458-perfect-full-page-background-image/ - jquery方法 - 可能是最好的解决方案。 – easwee