首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • IE6中改变img的src属性时发生的灵异事件
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-04-29 09:51:32 楼主
    HTML code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>这是不是Bug</title>
</head>
<body>
    <div style="position:relative;">
        <img src="1.gif" style="margin:200px 400px;padding:0;" onmouseover="this.src='2.gif';" onmouseout="this.src='1.gif';"/>
    </div>
</body>
</html>

    看看这段代码,只要你把鼠标放在图片上,图片却自己“跑”了很远！可是我除了改变它的src以外就根本没有改变其他任何样式啊？？？
    经过反复对比发现这个Bug(不知道是不是Bug)重现有这几个要求：
    1.父层必须是relative定位
    2.图片必须定义了padding属性，哪怕是0，只要设置了，即使padding-top这样也可以
    3.图片必须有margin属性，就是它的左右值(准确说是左值)控制“跑动”的距离
    而且发现，它虽然水平方向会跑动，但是垂直方向却是不受影响的。
    请问这是不是一个Bug，如果是Bug应该怎么解决呢？
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • xiaofanku
    • 等级:
    发表于：2008-04-29 20:36:161楼 得分:0
    try:
    HTML code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>这是不是Bug</title>
</head>
<body>
    <div style="position:relative;">
        <img src="1.gif" style="float:left;display:inline;margin:200px 400px;padding:0;" onmouseover="this.src='2.gif';" onmouseout="this.src='1.gif';"/>
    </div>
</body>
</html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • xiaofanku
    • 等级:
    发表于：2008-04-29 20:45:142楼 得分:0
    MSDN:http://msdn2.microsoft.com/en-us/library/bb250395.aspx
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-04-29 21:37:503楼 得分:0
    To 1楼:
    我知道改变一些条件这个情况就会消失,包括我自己列举的那些出现条件中只要一个不符合,情况就会消失
    但是我要说的就是具体到针对这个情况,为什么会出现图片跑动?我可只改变了它的src啊

    首先,我是没有改变它的任何CSS样式的,那么"跳动"前后两个位置中间必然有一个是错误的位置啊
    完全相同的CSS出现两种不同位置这本身就是不可以的
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-04-30 19:45:274楼 得分:0
    支持搂主，收藏
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-13 23:50:075楼 得分:0
    有没有人回答啊?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-14 18:14:466楼 得分:0
    FireFox会出现这现象吗？

    其实这种效果用:hover来实现比较方便
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-15 21:46:177楼 得分:0
    To 6 楼:
    貌似FireFox不会出现这样现象,所以IE最令人郁闷的地方就在于,它出现了稀奇古怪的现象没有东西能告诉我们是什么原因,而FireFox可以有FireBug来查看它究竟是怎样解析的

    :hover能用于img标签么?貌似在我的印象中它只能用于a链接,但是出于代码简洁的目的我不想再在外面套一个 <a> </a>

    而且我现在是就事论事讨论这个情况的产生原因而非讨论如何解决,解决它很容易只要使我在主帖中列举的任一条件不成立即可.但是以一种学习的心态我想搞清楚出现这情况的本质原因,假如按照W3C标准不应该这样解析,那就是IE6.0的责任了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 15:23:218楼 得分:0
    拷贝楼主代码，在IE6.0中运行
    一切正常
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-17 14:22:319楼 得分:0
    不可能不发生，我刚才又再试了一遍，情况依旧发生
    除非你不是IE6.0或者你改了代码
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • Navymk
    • 等级:
    发表于：2008-05-18 13:10:4410楼 得分:0
    有啥想不通的这就是个bug
    ie6下margin问题很多,能不用margin就尽量别用
    ff下正常
    ie版本6.0.2900.2180 注意3/4位,win2003sp2下会不同
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-18 19:32:2011楼 得分:0
    对啊，我的IE和你的IE版本号从头到尾全部一样
    但是貌似我没在别的地方看到这样的Bug啊？
    像“双倍边距”“3px空白”等等Bug都有人说
    所以我想知道是我对CSS的理解有误还是IE本身的原因
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • mumuTiger
    • 等级:
    发表于：2008-05-18 20:29:0212楼 得分:0
    引用 11 楼 owen1759 的回复:
    对啊，我的IE和你的IE版本号从头到尾全部一样
    但是貌似我没在别的地方看到这样的Bug啊？
    像“双倍边距”“3px空白”等等Bug都有人说
    所以我想知道是我对CSS的理解有误还是IE本身的原因



    有些问题在加浮动的时候才出现；

    ps：lz 是不是 1.gif 和2.gif 大小不一样 呵呵~！~
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-26 13:32:4113楼 得分:0
    当然不可能，要是两个图片大小不一样我还大惊小怪，那岂不是太SB了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-29 05:23:2414楼 得分:0
    其实这种效果用:hover来实现比较方便
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-30 13:12:0315楼 得分:0
    To 14 楼：
    显然你是回帖没看帖的，在前面我说过
    引用 7 楼 owen1759 的回复:
    To 6 楼:
    貌似FireFox不会出现这样现象,所以IE最令人郁闷的地方就在于,它出现了稀奇古怪的现象没有东西能告诉我们是什么原因,而FireFox可以有FireBug来查看它究竟是怎样解析的

    :hover能用于img标签么?貌似在我的印象中它只能用于a链接,但是出于代码简洁的目的我不想再在外面套一个 <a> </a>

    而且我现在是就事论事讨论这个情况的产生原因而非讨论如何解决,解决它很容易只要使我在主帖中列举的任一条件不成立即可.但是以一种学习的心态我想搞清楚出现这情况的本质原因,假如按照W3C标准不应该这样解析,那就是IE6.0的责任了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • bcsx_
    • 等级:
    发表于：2008-05-30 17:26:3616楼 得分:0
    学习css中~
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-06-03 22:33:5517楼 得分:0
    是灵异？？

    还是事件？？
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved