cclbc37 2021-01-29 11:25 采纳率: 81.8%
浏览 173
已结题

HTML a标签图片不显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/Initialize.css">
    <link rel="stylesheet" type="text/css" href="css/母版页面.css">
</head>
<body>  
   <div class="logo">
       <a href="#" ></a>    
   </div>
</body>
</html>


CSS
.logo
{
    height: 81px;
}
.logo a
{
    background-image:url('img/cp_logo.png');
    background-color:#d80c0c;
}

a标签图片不显示,网络抓包也接收到了资源,高度也设置了就是不知道为什么不显示。

谢谢各位大佬

 

  • 写回答

2条回答 默认 最新

  • 前行的枫_denglinbo 2021-02-02 15:18
    关注

    a标签时inline元素,不会继承父级宽高。而你给a标签设置的是背景图片,背景图片需要宽高,所以你得给a标签设置display:block及宽高

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月27日
  • 已采纳回答 9月19日

悬赏问题

  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料