zaxlctjs 2015-07-26 06:01 采纳率: 81%
浏览 1805
已采纳

HTML中PNG图片的绝对定位的小问题,谢谢了

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{margin:0; padding:0;}
.A{background:#ccc; width:800px; height:50px; position:relative; top:0; left:0;}
.B{width:130px; height:6px; background:black; position:absolute; top:0; left:0;}
</style>
</head>

<body>
<div class="A">
   <div class="B">
      <img src="jiantou.png" width="130" height="6" alt="dw"/>
   </div>
</div>
</body>
</html>

这是一张 高度6px, 宽度130px的PNG格式的图片
图片说明
打开后在浏览器这么显示的
图片说明

这是一个BUG吗?

  • 写回答

4条回答

  • 苏遵守 2015-07-26 07:18
    关注

    改为:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
    *{margin:0; padding:0;}
    .A{background:#ccc; width:800px; height:50px;}
    .B{width:130px; height:6px; background:black;}
    </style>
    </head>
    
    <body>
    <div class="A">
       <div class="B">
          <img src="jiantou.png" style="position:absolute" alt="dw"/>
       </div>
    </div>
    </body>
    </html>
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)