首页 新闻 会员 周边 捐助

div+cssIE6不支持,如何才能让IE6也支持

0
悬赏园豆:10 [已关闭问题] 关闭于 2014-05-14 17:50
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="ext-strict x-viewport">
 <head>
  <title> New Document </title>
  <style type="text/css">
        .x-viewport, .x-viewport body
        {
            margin: 0;
            padding: 0;
            border: 0 none;
            overflow: hidden;
            height: 100%;
        }
        body
        {
            margin: 0;
            padding: 0;
            border: 0 none;
            overflow: hidden;
            height: 100%;
        }
        #header
        {
            position: absolute;
            left: 0px;
            top: 0px;
            background: red;
            height: 69px;
            right:0px;
        }
        #left
        {
            width: 180px;
            left: 0px;
            top: 69px;
            position: absolute;
            bottom:0px;
        }
        #right
        {
            padding: 0px;
            left: 184px;
            top: 69px;
            position: absolute;
            bottom:0px;
            right:0px;
        }
    </style>
    </script>
 </head>
 <body>
    <div id="header"></div>
    <div id="left"><div style="border:1px solid #808080;position: absolute;top:2px;left:4px;bottom:4px;right:0px;">zuobian</div></div>
    <div style="position:absolute;top:71px;left:180px;width:4px;bottom:4px;"></div>
    <div id="right">
        <div style="position:absolute;top:2px;bottom:4px;right:2px;border:1px solid #808080;left:0px;">
            <div style="position: absolute;overflow: hidden;left: 0px;right: 0px;height: 30px;">
                <div style="border-bottom:1px solid #808080;height:29px;line-height:29px;overflow: hidden;">当前位置:未知数字2013/9/3</div>
            </div>
            <div style="position:absolute;overflow: hidden;top: 30px;bottom: 0px;left: 0px;right: 0px;">
                <div style="position:absolute;overflow: hidden;top:0px;bottom: 0px;left: 0px;right: 0px;margin:2px;">
                    <iframe src="http://www.baidu.com" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
                </div>
            </div>
        </div>
    </div>
 </body>
</html>
小银光的主页 小银光 | 初学一级 | 园豆:25
提问于:2013-09-04 10:30
< >
分享
所有回答(7)
0

我是做过类似的网页,当时测试也是卡在IE6,其实这方面你不用过多考虑,主流IE浏览器:技术含量最高的是IE10,性能最好的是IE9,国内使用人数最多的是IE7、8;IE6兼容性比较差,很少人使用;接着说下解决方法,由于IE6浏览器本身问题,一般只能通过修改div和css代码来调整,比如:margin-left:5px;/*IE6下属性写的是5PX,但在显示出来的是10px;有教程http://my.68design.net/30031/blog/12036.html,这样治标不治本,因为你把IE6的界面调好了,其他的浏览器又可能出现“错位”现象。希望你好好考虑!

大卫david | 园豆:240 (菜鸟二级) | 2013-09-04 11:37
0

关键字:CSSHack~针对IE6特殊处理下即可~

幻天芒 | 园豆:37205 (高人七级) | 2013-09-04 13:23
0

针对IE6 hack 下就好了.

Albert Fei | 园豆:2102 (老鸟四级) | 2013-09-04 13:44
0

在样式前面加上'_'或'*',这两个都是专门针对Ie6起作用的样式,期待IE6的灭亡

Paxster | 园豆:125 (初学一级) | 2013-09-04 23:36
0

楼上多的对   用_吧,这个就ie6认,*是ie6和ie7都人的。

天隐 | 园豆:161 (初学一级) | 2013-10-09 16:38
0

凡是ie6不支持的,清一色这样写.test{color:red,_color:black},这样写,ie6中为black,其他浏览器都为红色

Ben Chan | 园豆:3 (初学一级) | 2013-10-16 16:46
0

换了种方法

小银光 | 园豆:25 (初学一级) | 2014-05-14 17:50
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册