>  기사  >  웹 프론트엔드  >  IE6问题,求大神_html/css_WEB-ITnose

IE6问题,求大神_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:24:54913검색

ie6

火狐下的状态是正常的


IE6下面出现问题了


求解决
.game{ border-top:2px solid #ba7848; background:#FFF; border-right:2px solid #ba7848; position:relative;}.game ul.game_menu{ float:left; width:202px;}.game ul.game_menu li{ width:202px; height:134px; cursor:pointer;text-align:center; border-left:2px solid #bebebe; border-bottom:2px solid #bebebe;}.game ul.game_menu li img{ margin-top:11px;}.game ul.game_menu li.li_active{ width:202px; position:relative; z-index:10; display:inline-block; border-left:2px solid #ba7848; border-bottom:2px solid #ba7848; background:#FFF;}.game_content{ min-height:376px; _height:376px; border-bottom:2px solid #ba7848; border-left:2px solid #ba7848; width:724px; _width:722px; float:left; padding:15px 25px;}


回复讨论(解决方案)

这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?

这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?
是白色的背景覆盖那个有色的边框

那最后那个问题也没解决吗?


这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?
是白色的背景覆盖那个有色的边框

那最后那个问题也没解决吗?
没有啊



这个问题我遇到过,好像是ie7以下就这样,我也解决不了,白色边框覆盖不了其他有色边框?
是白色的背景覆盖那个有色的边框

那最后那个问题也没解决吗?
没有啊


这边好冷清

贴个html代码看看,定位不准吧

贴个html代码看看,定位不准吧

<div class="game"><ul class="game_menu" id="game_menu"><li e_offer_id="1" class="li_active"><img  src="img/game_li_1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="2"><img  src="img/game_li_2.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img  src="img/game_li_3.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li></ul><div class="game_content"><div class="game_content1" e_offer_id="1"><div class="game_title"><h3>[试玩]街机三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr><tr><td>7</td><td>游戏等级达到<span>45级</span></td><td><span>+500凤凰读书币</span></td><td>未完成</td></tr><tr><td>8</td><td>游戏等级达到<span>50级</span></td><td><span>+600凤凰读书币</span></td><td>未完成</td></tr><tr><td>9</td><td>游戏等级达到<span>55级</span></td><td><span>+700凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content2" e_offer_id="2"><div class="game_title"><h3>[试玩]神将三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><span>已完成</span></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content3" e_offer_id="3"><div class="game_title"><h3>[试玩]战三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div></div>

测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style>ul{list-style:none;margin:0px;padding:0px}.game{ border-top:2px solid #ba7848; background:#FFF; border-right:2px solid #ba7848; position:relative;overflow:auto;zoom:1}.game ul.game_menu{ float:left; width:202px;position:relative}.game ul.game_menu li{ width:202px; height:134px; cursor:pointer;text-align:center; border-left:2px solid #bebebe; border-bottom:2px solid #bebebe;}.game ul.game_menu li img{ margin-top:11px;}.game ul.game_menu li.li_active{ width:202px;_width:204px;left:0px;top:0px; position:absolute; z-index:10; display:inline-block; border-left:2px solid #ba7848; border-bottom:2px solid #ba7848;background:#fff ;}.game ul.game_menu li.margin{margin-top:135px}.game_content{ min-height:376px; _height:376px; border-bottom:2px solid #ba7848; border-left:2px solid #ba7848; width:724px; _width:722px; float:left; padding:15px 25px;}</style><div class="game"><ul class="game_menu" id="game_menu"><li e_offer_id="2" class="margin"><img  src="img/game_li_2.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img  src="img/game_li_3.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><!--绝对定位的对象放到最后,要不margin没效果--><li e_offer_id="1" class="li_active"><img  src="img/game_li_1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li></ul><div class="game_content"><div class="game_content1" e_offer_id="1"><div class="game_title"><h3>[试玩]街机三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr><tr><td>7</td><td>游戏等级达到<span>45级</span></td><td><span>+500凤凰读书币</span></td><td>未完成</td></tr><tr><td>8</td><td>游戏等级达到<span>50级</span></td><td><span>+600凤凰读书币</span></td><td>未完成</td></tr><tr><td>9</td><td>游戏等级达到<span>55级</span></td><td><span>+700凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content2" e_offer_id="2"><div class="game_title"><h3>[试玩]神将三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><span>已完成</span></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr><tr><td>5</td><td>游戏等级达到<span>35级</span></td><td><span>+300凤凰读书币</span></td><td>未完成</td></tr><tr><td>6</td><td>游戏等级达到<span>40级</span></td><td><span>+400凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div><div class="game_content3" e_offer_id="3"><div class="game_title"><h3>[试玩]战三国-新手送501经验值,获200凤凰读书币<img  src="img/jishifanbi.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img  src="img/tuijian.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></span><div class="clr"></div></div><div class="game_main"><div class="game_go"><div class="game_rmb"><span>+1075</span>凤凰读书币</div><div class="game_btn"><a href="#"><img  src="img/btn.png" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></a></div><div class="clr"></div></div><div class="game_txt"><p>62546人已参与</p><div class="game_time"><div class="game_end">结束时间:2013-08-31 10:00<em>|</em></div><div class="game_jishi"><span>仅剩:</span><ul><li><span>00</span>天</li><li><span>00</span>时</li><li><span>00</span>分</li><li><span>00</span>秒</li></ul><div class="clr"></div></div></div><div class="clr"></div></div><div class="game_list"><div class="game_list_title"><h4>任务详情</h4><span>完成任务后审核十分钟,由系统自动发放奖励</span><div class="clr"></div></div><div class="game_list_main"><table cellpadding="0" cellspacing="0"><tr><th>步骤</th><th>人物等级</th><th>奖励</th><th>状态</th></tr><tr><td>1</td><td>游戏等级达到<span>10级</span></td><td><span>+100凤凰读书币</span></td><td><em>待审核</em></td></tr><tr><td>2</td><td>游戏等级达到<span>15级</span></td><td><span>+125凤凰读书币</span></td><td>未完成</td></tr><tr><td>3</td><td>游戏等级达到<span>25级</span></td><td><span>+150凤凰读书币</span></td><td>未完成</td></tr><tr><td>4</td><td>游戏等级达到<span>30级</span></td><td><span>+250凤凰读书币</span></td><td>未完成</td></tr></table></div></div></div></div></div>

测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了
还是不行


测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了
还是不行

IEtester测试过没问题,你是拷贝我发的代码没有。。

IE6基本可以忽略不计了



测试了下,ie6 position relative定位好像没有办法脱离父容器,不行改成absolute定义就行了
还是不行

IEtester测试过没问题,你是拷贝我发的代码没有。。

IE6基本可以忽略不计了
是这样的我的game_menu里面的li有6个,只显示了前三个,同时写了重新排序,打乱顺序再随机出现三个排,所以这个已经激活的li是放在第6个后面,还是放在第三个后面?

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.