::before中content插入图片失败了~_html/css_WEB-ITnose
程序员文章站
2022-03-17 15:17:33
...
.sidenav ul li > img::before {
content: url(images/c1w.png);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.sidenav ul li:hover > img::before{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
请问哪里出错了
不行QAQ~
content: url(images/c1w.png);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.sidenav ul li:hover > img::before{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
请问哪里出错了
回复讨论(解决方案)
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000 url('images/c1w.png');
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000 url('images/c1w.png');
不行QAQ~
没人知道吗
知道了,我的天,为什么明明是当前文件夹下的却要用url(../images/c1w.png)而不是ul(images/c1w.png)
知道了,我的天,为什么明明是当前文件夹下的却要用url(../images/c1w.png)而不是ul(images/c1w.png)
你可以结贴了。。上一篇: 四种JS中this取值模式
下一篇: html的标签中的this应该如何使用
推荐阅读
-
关于在HTML表格中插入背景图片图片重复显示的问题_html/css_WEB-ITnose
-
求教!关于div中的背景图片插入问题!_html/css_WEB-ITnose
-
html中的td中插入一个图片为什么图片不能填充满整个td_html/css_WEB-ITnose
-
有用sublime text的没?怎么样从文件系统中拷贝一个图片直接插入到sublime的项目中?_html/css_WEB-ITnose
-
求教!关于div中的背景图片插入问题!_html/css_WEB-ITnose
-
表格样式编辑好后,为什么一插入图片,表格就变形了?_html/css_WEB-ITnose
-
input中插入图片_html/css_WEB-ITnose
-
火狐浏览器中图片没有载入或者为空,图片大小就没有了_html/css_WEB-ITnose
-
ie6 中 li 插入图片后有空隙_html/css_WEB-ITnose
-
myeclipse写jsp页面,插入背景图片后在myeclipse中能够显示,但在浏览器中打开却不显示_html/css_WEB-ITnose