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}{../} ../ 表示上一级目录
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
