打印

[求助] ie7动画显示问题，不解中，请指教！

3dbird [楼主]

中级会员

帖子: 101
体力: 207
威望: 3
离线: 86 天

1^# 大中小发表于 2008-7-1 17:04

如图所示，移动到链接处，上方会出现一个小三角，我做的是一个动态的自上而下gif文件，在ie6和ff中每个链接都能产生动态效果，但是在ie7中只有第一次移上去有动态效果，然后在移链接上，就直接显示动画的最后一帧了，失去了动画效果，不知何故，请指教，谢谢！！

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

::心情设计::
spaces.msn.com/members/cgisland

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

alize

悲剧小黑

高级会员

帖子: 343
体力: 613
威望: 0
当前: 四川成都
离线: 17 天

专长 UI,前端制作,JS

2^# 大中小发表于 2008-7-1 17:11

这个好像是连接第一次生效后.第二次失效的问题..你可以在置顶的帖子中找下..我记得有.

郁闷......

TOP

美橙vps独立IP月付189元

3dbird [楼主]

中级会员

帖子: 101
体力: 207
威望: 3
离线: 86 天

3^# 大中小发表于 2008-7-1 17:20

我去看看，谢谢

::心情设计::
spaces.msn.com/members/cgisland

TOP

中央美院远程平面设计进修班

3dbird [楼主]

中级会员

帖子: 101
体力: 207
威望: 3
离线: 86 天

4^# 大中小发表于 2008-7-1 17:30

好像不行啊，置顶帖说的是lvha的顺序不对，我照它设置了，还是不行，我现在就a 和 a：hover 两个属性，在ie6和FF中都显示正确的，ie7中就不行了，高手再帮帮忙，不然就只能取消动态效果了，呵呵，谢谢！！

::心情设计::
spaces.msn.com/members/cgisland

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

alize

悲剧小黑

高级会员

帖子: 343
体力: 613
威望: 0
当前: 四川成都
离线: 17 天

专长 UI,前端制作,JS

5^# 大中小发表于 2008-7-1 17:33

代码可以放出来看下吗?

郁闷......

TOP

3dbird [楼主]

中级会员

帖子: 101
体力: 207
威望: 3
离线: 86 天

6^# 大中小发表于 2008-7-1 17:50

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
/*全局定义*/
*{
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul,li {
	list-style:none;
}
/*li {
	background:url(../images/arrow_blue.gif) no-repeat 3px 3px;
	padding:3px 0 0 10px;
}*/
html,body {
	font:12px  Arial, Helvetica, sans-serif, "宋体", "黑体";
	color:#333;
}
/*公用部分*/
	/*页面外框*/
	#container {
		width:980px;
		margin: auto;
		height:100%;
	}
	/*头部项目*/
	#header {
		width:980px;
		height:86px;
		border-top:5px #e6e6e6 solid;
		padding:0 0 10px 0;
		
	}
	#search {
		float:right;
		padding:15px 20px 8px 8px;
	}
	
	#header ul {
		width:760px;
		float:right;
		background:#3268a4;
		height:37px;
	}
	#header li {
		float:left;
		line-height:37px;
		padding:0;
	}
	#header li a{
		font:bold 14px "宋体", "黑体" ;
		color:#fff;
		text-decoration:none;
		padding:11px 20px;
	}
	#header li a:hover{
		color:#FC0;
		background:url(http://bbs.blueidea.com/attachment.php?aid=92948&nothumb=yes) no-repeat top center;
	}
</style>
</head>
<body>
<body>
<div id="container">
	<div id="header">
      <div id="search">
        站内搜索：
        <form id="form1" name="form1" method="post" action="" style="display:inline">  
            <label></label>
            <input name="textfield" type="text" id="textfield" style="font-size:12px; height:1em; border:1px #999 solid;" size="20" 				maxlength="50" />
        </form>
    
         <form id="form2" name="form2" method="post" action="" style="display:inline; padding:0 0 0 5px;">
            <label>
              <input type="image" name="imageField" id="imageField" src="../images/zoom.gif" />
            </label>
         </form>
      </div> 
    
        <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">要闻快递</a></li>
        <li><a href="#">首页</a></li>
        <li><a href="#">首页</a></li>
        <li><a href="#">首页</a></li>
        <li><a href="#">首页</a></li>
        </ul>
    
	</div>
</body>
</html>

提示：您可以先修改部分代码再运行

运行代码后，如果看不到动态效果，刷新一下页面就可以看到，但只能产生一次，晕啊（ie6 ff 中显示正常，ie7 显示不正常）

[ 本帖最后由 3dbird 于 2008-7-1 18:03 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

::心情设计::
spaces.msn.com/members/cgisland

TOP