CSS身体背景图像即使在放大/缩小时也能固定在全屏幕上

前端之家收集整理的这篇文章主要介绍了CSS身体背景图像即使在放大/缩小时也能固定在全屏幕上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试用CSS实现这样的事情:

我想保持身体背景图像固定在全屏,这是通过以下代码完成的:

body
{
    background: url(../img/beach.jpg) no-repeat fixed 100% 100%;
}

现在我可以验证窗口确实填满了该图像,至少这个功能在我的Firefox 3.6上

但是,当我尝试放大/缩小(ctrl – /)时,这个图像会被拧紧,图像就像页面放大一样被拉伸/缩小。

有没有更好的方法来纯粹使用CSS?我没有找到一个好的属性的背景图像。

或者我应该开始考虑jQuery来操纵宽度和高度吗?他们都被设置为100%,所以我认为应该一如既往地工作:(

感谢任何建议提前!

解决方法

我以前使用过 these techniques,两者都很好。如果您阅读每个的利弊,您可以决定哪一个适合您的网站。

或者您可以使用full size background image jQuery plugin,如果你想摆脱上述的错误

原文链接:https://www.f2er.com/css/219609.html

猜你在找的CSS相关文章