标签 CSS 下的文章

CSS - background-image - 用相对的图片地址

问题:布置一键包的magento2,里边有程序也有图片文件,所有都打包好的。测试时发现首页弹出的订阅框光有文字,没有好看的背景图。

css-background-image-url-3.png

过程:

1.在浏览器里使用“开发者工具”查看“网络”内容列表,查得有张图片的详细地址是 http://127.0.0.1/...

2.在网站文件中,查找包含 127.0.0.1/... 内容的文件,查到是某个CSS样式表文件
css-background-image-url-1.png

3.编辑该CSS样式表内容,将background-image属性里的url地址从http://打头的,换成/picture.png的相对地址
css-background-image-url-2.png

4.刷新测试,弹框有背景图片显示了
css-background-image-url-4.png

参考:https://www.w3schools.com/cssref/pr_background-image.asp