调整网页中背景图像的大小

发布于 2024-11-16 13:40:15 字数 84 浏览 2 评论 0原文

我在网上找到了一个相对较大的图像,并将其设置为我的网页的背景。虽然它显示为正常大小..有没有简单的方法可以在我的 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

吻泪 2024-11-23 13:40:15

您可以使用 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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文