css背景图片的引入？

九浪九 2020-06-12 01:12:08

在仿京东页面时有个京东倒计时部分，同样方式引入背景图片

引入经ps截取的图片（第一个图片）显示不了，这是为什么？

...全文

11378 6 打赏收藏举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

浴火_凤凰 2020-06-29

打赏
举报

去开发者工具看看不到路径问题看得到页面看不到 CSS问题

那谁呀撒 2020-06-28

打赏
举报

你在页面看一下路径，ctrl单击路径，看看能不能进去。
然后看看是不是文件后缀错了，ps出来默认是png

kmokd 2020-06-25

打赏
举报

你的标题是【css背景图片的引入？】
1.在外部css文件中引入的图片位置 backgroud_images:url();
该url路径是图片相对于该css外部文件所在位置的相对路径。
2.在页面中的css设置背景图片位置：
该url路径为图片相对于该页面所在位置的相对路径。

kmokd 2020-06-25

打赏
举报

为什么强调“经PC截取的图片”？如果是不经PC截取的图片呢？能否显示？

依依凰荷 2020-06-15

打赏
举报

多半是路径问题，或者是背景图片位置不太对

usecf 2020-06-15

打赏
举报

好好检查下你图片的路径

1、外部css文件中背景图片的引入问题。在css中引入的图片位置backgroud_images:url(); 该url指的是图片实际位置相对于css所在位置的相对路径。

1. CSS中，引入背景图片要使用url();方法，括号里面是图片的相对路径或者绝对路径。 2. 使用border属性时，不能只是设置border的宽度，而是要连样式一起设置。border属性的值一共有三个：宽度、样式、颜色，如果只是设置了宽度，那么边框是看不到的。例如：

参考：https://blog.csdn.net/qq_37078641/article/details/88288348 在css引入背景图片 background-image: url("../assets/image/mobile/bg.png"); background-size: cover; 抱错 This relative module was not found: *...

@charset "utf-8";body {background-image: url(../img/室内设计.jpg);background-size: 1366px 768px;height: 550px;background-attachment: fixed;margin: 0px;padding: 0px;}#header {background-color: #34495e;heig...

方法一：当然就是背景导入图片，我的写法是给外层的div盒子加上想要的背景颜色，然后给li自己定义一个clsss加上想要的背景小图标，但是发现这种有一个弊端，就是如果想哟hover背景颜色变而小图标不变得时候，就需要再给每个class定义一遍，这样很繁琐。所以还是建议，再有背景hover ，还要有背景图片的情况下，还是定义img标签。比较懒，所以直接截图了...

CSS

61,117

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章