IE6问题,求大神_html/css_WEB-ITnose
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="/static/imghw/default1.png" data-src="img/game_li_1.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="2"><img src="/static/imghw/default1.png" data-src="img/game_li_2.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img src="/static/imghw/default1.png" data-src="img/game_li_3.jpg" class="lazy" 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 id="试玩-街机三国-新手送-经验值-获-凤凰读书币-img-src-static-imghw-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-问题-求大神-html-css-WEB-ITnose">[试玩]街机三国-新手送501经验值,获200凤凰读书币<img src="/static/imghw/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghw/default1.png" data-src="img/tuijian.png" class="lazy" / 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="/static/imghw/default1.png" data-src="img/btn.png" class="lazy" / 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 id="任务详情">任务详情</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 id="试玩-神将三国-新手送-经验值-获-凤凰读书币-img-src-static-imghw-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-问题-求大神-html-css-WEB-ITnose">[试玩]神将三国-新手送501经验值,获200凤凰读书币<img src="/static/imghw/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghw/default1.png" data-src="img/tuijian.png" class="lazy" / 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="/static/imghw/default1.png" data-src="img/btn.png" class="lazy" / 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 id="任务详情">任务详情</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 id="试玩-战三国-新手送-经验值-获-凤凰读书币-img-src-static-imghw-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-问题-求大神-html-css-WEB-ITnose">[试玩]战三国-新手送501经验值,获200凤凰读书币<img src="/static/imghw/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghw/default1.png" data-src="img/tuijian.png" class="lazy" / 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="/static/imghw/default1.png" data-src="img/btn.png" class="lazy" / 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 id="任务详情">任务详情</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="/static/imghw/default1.png" data-src="img/game_li_2.jpg" class="lazy" style="max-width:90%" style="max-width:90%" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></li><li e_offer_id="3"><img src="/static/imghw/default1.png" data-src="img/game_li_3.jpg" class="lazy" 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="/static/imghw/default1.png" data-src="img/game_li_1.jpg" class="lazy" 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 id="试玩-街机三国-新手送-经验值-获-凤凰读书币-img-src-static-imghw-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-问题-求大神-html-css-WEB-ITnose">[试玩]街机三国-新手送501经验值,获200凤凰读书币<img src="/static/imghw/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghw/default1.png" data-src="img/tuijian.png" class="lazy" / 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="/static/imghw/default1.png" data-src="img/btn.png" class="lazy" / 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 id="任务详情">任务详情</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 id="试玩-神将三国-新手送-经验值-获-凤凰读书币-img-src-static-imghw-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-问题-求大神-html-css-WEB-ITnose">[试玩]神将三国-新手送501经验值,获200凤凰读书币<img src="/static/imghw/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghw/default1.png" data-src="img/tuijian.png" class="lazy" / 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="/static/imghw/default1.png" data-src="img/btn.png" class="lazy" / 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 id="任务详情">任务详情</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 id="试玩-战三国-新手送-经验值-获-凤凰读书币-img-src-static-imghw-default-png-data-src-img-jishifanbi-png-class-lazy-nbsp-nbsp-alt-IE-问题-求大神-html-css-WEB-ITnose">[试玩]战三国-新手送501经验值,获200凤凰读书币<img src="/static/imghw/default1.png" data-src="img/jishifanbi.png" class="lazy" / alt="IE6问题,求大神_html/css_WEB-ITnose" ></h3><span>推荐<img src="/static/imghw/default1.png" data-src="img/tuijian.png" class="lazy" / 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="/static/imghw/default1.png" data-src="img/btn.png" class="lazy" / 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 id="任务详情">任务详情</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个后面,还是放在第三个后面?

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

本文讨论了&lt; iframe&gt;将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。
