调整网页中背景图像的大小
我在网上找到了一个相对较大的图像,并将其设置为我的网页的背景。虽然它显示为正常大小..有没有简单的方法可以在我的 html 代码中调整它的大小? 先感谢您
I have found a relatively big image on the net and i set it as background in my web page. Though it appears in normal size..Is there any simple way to resize it in my html code?
Thank you in advance
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以使用 CSS3 背景大小属性来设置背景图像的大小。 -
http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size
。但是,如果您使用照片编辑软件调整图像大小并使用它,那就更好了,因为建议保持网页的大小尽可能小。警告
这是一个 CSS3 属性,不能保证它在所有浏览器中都能完美运行。
编辑
要使用 jQuery 根据浏览器大小动态更改图像的大小,请检查此 -
http://css-tricks.com/766-how-to-resizeable-background -图像/
You can use CSS3 background size property to set the size of the background image. -
http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size
. But it's better if you resize the image using photo editing s/w and use it as it is advisable to keep the size of a web page as low as possible.WARNING
This is a CSS3 property, and it cant be assured that it'll work perfectly in all the browsers.
EDIT
To change the size of the image on the fly according to the browser size using jQuery check this -
http://css-tricks.com/766-how-to-resizeable-background-image/