IE兼容问题，请教大神

北城波斯小仙君 2013-07-17 03:53:39
附上代码


<script type="text/javascript" src="script/jquery-1.6.4.min.js"></script>

<script type="text/javascript">

$(function(){

	var a=100;

	var index=0;

	$(".game_hand").next(".game_content").css({"width":"0px"}).hide();

	$(".game_hand:eq(0)").next(".game_content").css({"width":"150px"}).show();

	

	$(".bd .game_hand").mouseover(function(){

		if($(".bd .game_content").eq(index).css("width")!="150px")return false;

		i=$(".bd .game_hand").index(this);

		if(i==index)return false;

		$(".bd .game_content").eq(index).animate({width:0},300).hide(a+=0);

		$(this).next().animate({width:150},300).show();

		index=i;

	});

});

</script>

附图
页面加载时的图片

鼠标移动到系统介绍时的图片

移到特色玩法时的图片

移到论坛交流时的图片



我在火狐 谷歌下浏览没有问题
在IE6下就出现了上面的问题
请大神指点
...全文
254 21 打赏 收藏 转发到动态 举报
写回复
用AI写文章
21 条回复
切换为时间正序
请发表友善的回复…
发表回复
北城波斯小仙君 2013-07-18
  • 打赏
  • 举报
 回复
引用 19 楼 veryhunger 的回复:
[quote=引用 15 楼 u010434840 的回复:] [quote=引用 14 楼 veryhunger 的回复:] 发html css啊

<style type="text/css">
body{ font-size:12px;}
*{ margin:0; padding:0;}
ul li{ list-style-type:none;}
#game_data{ width:748px;}
#game_data h2{ height:49px; background:url(img/title.jpg) no-repeat;}
#game_data .bd{ background:#2F0304; width:728px; padding:5px 10px 0 10px; height:281px; overflow:hidden;}
#game_data .game_hand{ width:116px; float:left; margin:0 14px; display:inline;}
#game_data .game_content{ float:left; width:150px; margin:30px 0 0 0; height:235px;}
#game_data .game_content ul{ width:150px; height:235px;}
#game_data .game_content ul li{ height:28px; line-height:28px; overflow:hidden;}
#game_data .game_content ul li a{ color:#A95658; text-decoration:none;}
#game_data .game_content ul li a:hover{ color:#F00;}
</style>
[/quote]应该是748宽度小吧，你调大些看看[/quote] 感谢大哥解决了我的问题，是宽度小了
一天要饭生活又开始啦 2013-07-18
  • 打赏
  • 举报
 回复
引用 15 楼 u010434840 的回复:
[quote=引用 14 楼 veryhunger 的回复:] 发html css啊

<style type="text/css">
body{ font-size:12px;}
*{ margin:0; padding:0;}
ul li{ list-style-type:none;}
#game_data{ width:748px;}
#game_data h2{ height:49px; background:url(img/title.jpg) no-repeat;}
#game_data .bd{ background:#2F0304; width:728px; padding:5px 10px 0 10px; height:281px; overflow:hidden;}
#game_data .game_hand{ width:116px; float:left; margin:0 14px; display:inline;}
#game_data .game_content{ float:left; width:150px; margin:30px 0 0 0; height:235px;}
#game_data .game_content ul{ width:150px; height:235px;}
#game_data .game_content ul li{ height:28px; line-height:28px; overflow:hidden;}
#game_data .game_content ul li a{ color:#A95658; text-decoration:none;}
#game_data .game_content ul li a:hover{ color:#F00;}
</style>
[/quote]应该是748宽度小吧，你调大些看看
北城波斯小仙君 2013-07-18
  • 打赏
  • 举报
 回复
引用 16 楼 wohuifude123 的回复:
你是给那游戏设计网页的？
我不是给那个游戏设计网页的 我是想要那个手风琴效果，所以找了个那样的
异常异长 2013-07-18
  • 打赏
  • 举报
 回复
学习经验。
disk0 2013-07-17
  • 打赏
  • 举报
 回复
我也想知道是什么原因，新手学习中。。
wohuifude123 2013-07-17
  • 打赏
  • 举报
 回复
你是给那游戏设计网页的？
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
引用 14 楼 veryhunger 的回复:
发html css啊

<style type="text/css">
body{ font-size:12px;}
*{ margin:0; padding:0;}
ul li{ list-style-type:none;}
#game_data{ width:748px;}
#game_data h2{ height:49px; background:url(img/title.jpg) no-repeat;}
#game_data .bd{ background:#2F0304; width:728px; padding:5px 10px 0 10px; height:281px; overflow:hidden;}
#game_data .game_hand{ width:116px; float:left; margin:0 14px; display:inline;}
#game_data .game_content{ float:left; width:150px; margin:30px 0 0 0; height:235px;}
#game_data .game_content ul{ width:150px; height:235px;}
#game_data .game_content ul li{ height:28px; line-height:28px; overflow:hidden;}
#game_data .game_content ul li a{ color:#A95658; text-decoration:none;}
#game_data .game_content ul li a:hover{ color:#F00;}
</style>
一天要饭生活又开始啦 2013-07-17
  • 打赏
  • 举报
 回复
发html css啊
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
引用 10 楼 a67251026 的回复:
那就不清楚了 我这IE6 也正常。。。。
虽然没有解决我的问题但是还是感谢这位大哥
小伙写代码 2013-07-17
  • 打赏
  • 举报
 回复
你仔细查下 HTML 你这边写了一个 $(".game_hand").next(".game_content").css({ "width": "0px" }).hide(); 是不是你的元素的结尾没弄好，导致后面都被隐藏了
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
顶起 别沉啊
小伙写代码 2013-07-17
  • 打赏
  • 举报
 回复
那就不清楚了 我这IE6 也正常。。。。
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
引用 8 楼 a67251026 的回复:
你单独拎出来试试，是不是跟别的冲突了
我的代码就引用了一个js jquery-1.6.4.min.js 好像谈不上有冲突啊！
小伙写代码 2013-07-17
  • 打赏
  • 举报
 回复
你单独拎出来试试，是不是跟别的冲突了
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
没人吗……………………………………………………
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
引用 5 楼 a67251026 的回复:
为啥我测试下来是正常的。。。。
我也不清楚是为什么 我电脑上的IE6就出现了我上面附图中的问题
小伙写代码 2013-07-17
  • 打赏
  • 举报
 回复
为啥我测试下来是正常的。。。。
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
引用 3 楼 a67251026 的回复:
没HTML代码看不出啥问题。。。。
附上代码 

<div id="game_data">
	<h2></h2>
	<div class="bd">	
		<div class="game_hand">
			<img src="img/xszn.jpg" />
		</div>
		<div class="game_content">
			<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>
			</ul>
		</div>
		<div class="game_hand">
			<img src="img/xtjs.jpg" />
		</div>
		<div class="game_content">
			<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>
				<li><a href="#">《悟空来了》背包系统介绍</a></li>
			</ul>
		</div>
		<div class="game_hand">
			<img src="img/tswf.jpg" />
		</div>
		<div class="game_content">
			<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>
		<div class="game_hand">
			<img src="img/ltjl.jpg" />
		</div>
		<div class="game_content">
			<ul>
				<li><a href="#">关于宇文成都的技能讨论</a></li>
				<li><a href="#">非R玩家打造极品肉盾宝宝</a></li>
				<li><a href="#">非RMB玩家如何过精英副本</a></li>
				<li><a href="#">《悟空来了》金卷的用途</a></li>
				<li><a href="#">如何提高BOSS活动的奖励</a></li>
				<li><a href="#">浅谈吕洞宾之技能吕祖剑法</a></li>
				<li><a href="#">非RMB玩家580副本肉盾</a></li>
				<li><a href="#">说说人族的橙将军衔</a></li>
			</ul>
		</div>
	</div>
</div>
小伙写代码 2013-07-17
  • 打赏
  • 举报
 回复
没HTML代码看不出啥问题。。。。
北城波斯小仙君 2013-07-17
  • 打赏
  • 举报
 回复
没人吗？自己顶起
加载更多回复（1）
IE兼容问题
老项目想要兼容ie5，ie7，每一个新用户都要手动设置将网址加入兼容视图，bom操作可以使用代码将网址（或ip）加入兼容视图吗？请大神请教
解决360浏览器兼容模式不兼容，极速模式兼容问题
今天遇到一个问题，我的测试报告360极速模式正常显示，兼容模式不行，结果请教大神 方案如下： 思路：打开360浏览器后默认让其先选中极速模式 代码： &lt;meta name="renderer" content="...
ie6兼容性，还需要测试么？迷茫。。。
最近公司网站在谷歌，火狐上测试都没有问题，但是在ietest，ie6上出现兼容问题 ，由于ietest好几次打开ie6都报错（尝试卸载重新安装几次无果），下载virtualbox安装自带ie6的xp系统，进行ie6测试，打开各大公司网站...
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符 背景 ：Vue2 项目在谷歌浏览器运行好好的，在 IE 浏览器打开就会出现各种的问题。。
input 标签的属性
当然也可以通过js事件来实现这一效果，但是我请教了一下大神，他并不建议这么做，那在IE9及一下只好不显示，没有好的解决方案。 2、disabled 属性，如果不想编辑输入框，最好不要使用这个属性，加上这一属性，点击...
JavaScript

87,992

社区成员

224,685

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章