IE6下重复加载

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title></title>
 <style>
 body{font: 12px/1.5 微软雅黑,宋体,arial,\5b8b\4f53; color:#333333;}
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input, button,textarea,blockquote{ padding:0;margin:0; text-indent:0px;}
html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));}/*IE6下重复加载BUG*/
select{ margin:0;} table{ margin:0px auto;}
table,td,tr,th,em{ font-size:12px; font-weight:normal; font-style:normal;}
ol,ul,li{ list-style-type:none;}
button { border:none; cursor:pointer; overflow:hidden;}
img{ border:0;} p{ word-break:break-all; margin:0; padding:0; display:block;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
a{ text-decoration:none; color:#000000; cursor:pointer;}
a:hover{ text-decoration:underline; color:#E60000;}
a:focus{outline:none;}.fl{ float:left;}.fr{ float:right;}.cls{*zoom:1; }.cls:after{content:'\20';display:block;height:0;clear:both;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}
.clears { *zoom:1; }
.clears:after { content:''; display:table; clear:both; }
.divnone{ line-height:100px; text-align:center; font-size:14px; color:#999999; border-bottom:0px none;}
.miniheight{ min-height:500px; height:auto;}
.fr{ float: right;}
.fl{float: left;}

.top{ height:36px; line-height:36px;  background-color:  #F1F1F1;}
.top .cont .fr i { margin: 0px 3px;font-style: normal;}
.header{ padding: 35px 0px;}
.header .search{ height:40px;}
.header .search .logo{ width:200px; height:40px; line-height:40px; background-color:#f1f1f1;}
.header .search .bar{height: 40px;line-height: 40px; width:400px;  padding:0 150px;}
.header .search .bar .key{margin: 3px; text-indent:20px; height:30px; line-height:30px; width:300px; float:left; }
.header .search .bar .s{  width:80px; height:40px; float:left;text-align: center;background-color:#f1f1f1; }
.nav{ height:40px;  border-bottom:3px solid red; /*! border-top:1px solid #ddd; */}
.nav .subnav{ height:40px; line-height:40px;border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-left:1px solid #f1f1f1; }
.nav .subnav ul li{ list-style-type:none;}
.nav .subnav ul li{   display:inline; text-align:center; width:100px; margin:0 10px; }
.cont{ width: 1200px;  margin: 0 auto;}
.menu{ width: 200px; height: 40px; line-height: 40px; text-align:center; font-size:14px; color:#fff; background-color:red;} 

 </style>
</head>
<body>
    <div class="top">
        <div class="cont clears">
            <div class="fl">
                您好,欢迎访问 商城 网站!</div>
            <div class="fr">
                <a href="">注册</a><i>|</i><a href="">登录</a></div>
        </div>
    </div>
    <div class="header">
        <div class="search cont clears">
            <div class="logo fl">
            </div>
            <div class="bar fl">
                <div class="type">
                </div>
                <input class="key" id="Text1" type="text" />
                <a class="s" href="#">搜索</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="cont">
            <div class="menu fl">
                商品分类</div>
            <div class="subnav fl">
                <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>
    </div>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值