html - css after 插入图片，怎么设置内容高度-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html - css after 插入图片，怎么设置内容高度

PHP中文网 2017-04-17 11:37:25

[HTML讨论组]

528

.nav ul li:after{content: url(../img/nav_fg.png);}

ps：或者用其他方法实现效果也行！

PHP中文网

认证高级PHP讲师

全部回复(5)

ringa_lee2017-04-17 11:39:25 5楼

.nav ul li:after{display: block; content:"";width: 2px;height: 45px;content: url(../img/nav_fg.png);}

赞 +0

添加回复

伊谢尔伦2017-04-17 11:39:25 4楼

使用了另外一种方法，在li后添加一个空的li 并且写样式

.nav ul .fg{width: 2px;height: 45px;background: url(../img/nav_fg.png);}

还是希望有大神解决直接使用after添加的方法。

赞 +0

添加回复

伊谢尔伦2017-04-17 11:39:25 3楼

.nav ul li:after{content:" ";width: 2px;height: 45px;content: url(../img/nav_fg.png);}
after 本身不占位, 要给一个 content.

赞 +0

添加回复

高洛峰2017-04-17 11:39:25 2楼

给display:block试试

赞 +0

添加回复

PHP中文网2017-04-17 11:39:25 1楼

支持IE6不？

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部