HTMLCSS——CSS中设定背景图片无法显示的解决办法

问题描述:

当前 .html 文件image 文件夹同一目录下,均为当前项目根目录。
用如下代码在HTML中设定CSS样式,背景图片无法显示。


<style type="text/css">body {background-image: url(/image/image1.JPG);background-repeat: repeat-y;background-position:bottom left;}
style>

解决办法:

只需要将

background-image: url(/image/image1.JPG);

替换为

background-image: url(./image/image1.JPG);

原因分析:

在 CSS 样式中写的 background-image: url (图片的路径为相对本代码文件的路径)。

. / \color{red}{./} ./ 表示当前目录
. . / \color{red}{../} ../ 表示上一级目录


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部