隐藏用户y 2022-10-30 16:24 采纳率: 67.7%
浏览 23
已结题

:hover::after伪元素样式生效但是不显示对应样式

img



```html
    <div id="section5">
        <div class="box">
            <header class="publicHead">
                <h3>和平人气主播</h3>
                <ul>
                    <li class="more"><a href="#" target="_blank"></a></li>
                </ul>
            </header>
            <ul class="photo">
                
                <li><a href="#" target="_blank"><img src="../和平精英/imgs/buqiuren.jpg" alt="">不求人</a></li>
                <li><a href="#" target="_blank"><img src="../和平精英/imgs/hls.jpg" alt="">花老湿</a></li>
                <li><a href="#" target="_blank"><img src="../和平精英/imgs/nyyx.jpg" alt="">难言言x</a></li>
                <li><a href="#" target="_blank"><img src="../和平精英/imgs/rr.jpg" alt="">若若</a></li>
                <li><a href="#" target="_blank"><img src="../和平精英/imgs/shayu.jpg" alt="">鲨鱼</a></li>
                <li><a href="#" target="_blank"><img src="../和平精英/imgs/wxw.jpg" alt="">王小歪</a></li>
            </ul>
        </div>
    </div>


```css
#section5 .photo li:hover::after{
   content: '';
   position: absolute;
   width: 120px;
   height: 120px;
   background: url(../images/sprites.png) no-repeat 0 -55px;
   left: 10px;
   top: 10px;
   cursor: pointer;
}
#section5 .photo li:hover a{
   color: #efa611;
}

img

,伪元素样式生效但是圈不显示,求解

  • 写回答

4条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 11月10日
      • 已采纳回答 11月2日
      • 创建了问题 10月30日

      悬赏问题

      • ¥15 使用DWY100k数据集对UEA进行测试,出现报错:IndexError: index 125000 is out of bounds for axis 0 with size 95500
      • ¥15 前端vue实现根据图片url生成pdf文件
      • ¥15 RfidReader资源Q个
      • ¥20 user-agent是否是唯一的,有没有可能相同
      • ¥15 关于#开会#的问题,如何解决?(语言-c++)
      • ¥15 关于#二十四点问题#的问题
      • ¥15 运行kitex的demon出错(求大家解决)
      • ¥15 开发一个类似 typora 这样的软件需要多少钱?
      • ¥15 clearcase7.0安装包
      • ¥15 断点回归模型月度核密度检验不连续