主站
经典论坛
作品集
Think.Pages
博客
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
«
WEB标准化专栏
« 这个是ie bug吗? 类似ie 3px bug。
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[讨论]
这个是ie bug吗? 类似ie 3px bug。
ONEBOYS
[楼主]
初级会员
帖子
64
体力
136
威望
0
当前
浙江 杭州
发短消息
1
#
大
中
小
发表于 2008-5-12 13:36
<style> #content{background-color:red;height:100px;width:100px;} </style> <body> <div id="content"> <img src="http://www.baidu.com/img/logo.gif" width="100" height="100" /> </div> </body>
提示:您可以先修改部分代码再运行
图片高度是100px ,外容器高度是100px.
但之间产生4px的空隙。
只在ie中出现这种情况。
解决方法,仿ie 3px bug的hack:
* html img{margin-bottom:-4px;}
请教了。
[
本帖最后由 ONEBOYS 于 2008-5-12 13:39 编辑
]
积分
136
阅读权限
20
性别
男
在线时间
81 小时
注册
2007-6-2
最后登录
2008-7-26
查看详细资料
TOP
icedblog
冰雪黑鹰
初级会员
帖子
155
体力
163
威望
0
当前
北京 海淀区
发短消息
个人网站
专长
前端制作,策划,网站运营
2
#
大
中
小
发表于 2008-5-12 13:42
<style> #content{background-color:red;height:100px;width:100px;} #content img {display:block;} </style> <body> <div id="content"> <img src="http://www.baidu.com/img/logo.gif" width="100" height="100" /> </div> </body>
提示:您可以先修改部分代码再运行
http://www.zhangjingwei.com/show-121-1.html
积分
163
阅读权限
20
性别
男
在线时间
111 小时
注册
2007-1-23
最后登录
2008-7-25
查看个人网站
查看详细资料
TOP
ONEBOYS
[楼主]
初级会员
帖子
64
体力
136
威望
0
当前
浙江 杭州
发短消息
3
#
大
中
小
发表于 2008-5-12 13:43
晕,放这里怎么又是5px的间隙啊
积分
136
阅读权限
20
性别
男
在线时间
81 小时
注册
2007-6-2
最后登录
2008-7-26
查看详细资料
TOP
ONEBOYS
[楼主]
初级会员
帖子
64
体力
136
威望
0
当前
浙江 杭州
发短消息
4
#
大
中
小
发表于 2008-5-12 13:47
哦.这样啊。
<img />的默认display属性是什么啊。
积分
136
阅读权限
20
性别
男
在线时间
81 小时
注册
2007-6-2
最后登录
2008-7-26
查看详细资料
TOP
cnmao99
王昊
高级会员
帖子
274
体力
715
威望
0
当前
上海 普陀
离线
3 天
发短消息
个人网站
专长
网页设计,UI,前端制作
5
#
大
中
小
发表于 2008-5-12 14:19
<style> #content{background-color:red;height:100px;width:100px;border:blue 2px solid;font-size:0;line-height:0} </style> <body> <div id="content"> <img src="http://www.baidu.com/img/logo.gif" width="100" height="100" /> </div> </body>
提示:您可以先修改部分代码再运行
王昊自留地
积分
715
阅读权限
50
在线时间
141 小时
注册
2005-3-29
最后登录
2008-7-22
查看个人网站
查看详细资料
TOP
zidanezhicong
我爱阿仙奴
高级会员
帖子
441
体力
883
威望
0
当前
广东 深圳
离线
2 天
发短消息
个人网站
专长
前端制作
6
#
大
中
小
发表于 2008-5-12 18:42
解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零,font-size:0
我爱阿仙奴!
积分
883
阅读权限
50
性别
男
在线时间
334 小时
注册
2008-4-27
最后登录
2008-7-23
查看个人网站
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转 ...
> 前台制作与脚本专栏
> 后台数据库编程
> WEB标准化专栏
> WAP 技术专栏
> 艺术与设计论坛
> Adobe Photoshop 专栏
> Fireworks 专栏
> 矢量图形专栏
> 插画手绘交流
> 用户体验综合版
> UI图形设计
> Flash 8 及之前版本
> Flash CS3 及 AS3
> Silverlight 专版
> Director 专栏
> 计算机技术
> 英语学习和技术翻译
> 摄影欣赏与技术交流
> 无线通讯与数码设备
> 企业招聘
> 体育运动、线下活动与游戏
> 创业版
做西部数码代理.Cn1元国际45元
|
5000美金寻PHP,ASP.NET开发人员
【美橙超级G空间】688元绑定10个子目录
|
BRSBOX网盘满足你随时随地存储、共享、传输!500M-永久免费
白兔杰西的愿望
|
送你一支画笔
|
有些道理在青春里渐渐明了
|
[神曲]插画步骤教程
教程:
CSS布局实战系列:混沌初开
|
十步学会用css建站(全)