ie6下，文字被复制，样式错乱，自动添加标签和内联样式
0
[已关闭问题]
关闭于 2017-03-13 14:55
我的页面在用虚拟机 ie6 测试时，右上方的“注册登录”被复制了，而且上面的图标位置也乱了。我用 ie11 的文档模式5看时，发现 DOM资源管理器里面，我所说的出问题图标处自动添加了一些标签。比如：shape 标签。还有一些内联样式也是自动添加的。请问这是怎么回事？该怎么解决？
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 6 <title>教程与认证</title> 7 <link rel="stylesheet" href="css/base.css"> 8 <link rel="stylesheet" href="css/style.css"> 9 <script type="text/javascript" src="http://g.tbcdn.cn/kissy/k/1.4.1/seed-min.js?t=20140212"></script> 10 <!--[if lte IE 6]> 11 <script type="text/javascript" src="js/transform.js"></script> 12 <script type="text/javascript"> 13 DD_belatedPNG.fix('*'); 14 </script> 15 <![endif]--> 16 <!--[if lt IE 9]> 17 <script src="js/html5shiv.js"></script> 18 <script src="js/respond.js"></script> 19 <![endif]--> 20 <style type="text/css"> 21 /* 内外边距通常让各个浏览器样式的表现位置不同 */ 22 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 23 margin:0;padding:0; 24 } 25 a { 26 color:#333; 27 } 28 a:hover { 29 color:#25C2B1; 30 } 31 .mr-50 { 32 margin-right: 50px; 33 } 34 .mlr-105 { 35 margin: 0 105px; 36 } 37 .mb-55 { 38 margin-bottom: 55px; 39 } 40 .blank-55 { 41 height: 55px; 42 font-size: 0; 43 } 44 45 /* ========================================================================== 46 首页 47 ========================================================================== */ 48 .menu { 49 width: 59px; 50 position: fixed; 51 right: 25px; 52 bottom:50px; 53 z-index: 1000; 54 _position: absolute; 55 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-50-this.offsetHeight)); 56 } 57 .mr--28 { 58 margin-right:-28px; 59 } 60 .mr-18 { 61 margin-right:18px; 62 } 63 .mr--18 { 64 margin-right:-18px; 65 } 66 .icon-consult:link, .icon-consult:visited { 67 display:block; 68 width:59px; 69 height:59px; 70 background:url(../images/menu.png) no-repeat; 71 } 72 .icon-consult:hover { 73 background-position:0 -177px; 74 } 75 .icon-feedback:link, .icon-feedback:visited { 76 display:block; 77 width:59px; 78 height:59px; 79 background:url(../images/menu.png) no-repeat 0 -59px; 80 } 81 .icon-feedback:hover { 82 background-position:0 -236px; 83 } 84 .icon-top:link, .icon-top:visited { 85 display:block; 86 width:59px; 87 height:59px; 88 background:url(../images/menu.png) no-repeat 0 -118px; 89 } 90 .icon-top:hover { 91 background-position:0 -295px; 92 } 93 body { 94 background-color:#EFEFEF; 95 } 96 html { 97 font-family: "微软雅黑", tahoma, arial, \5b8b\4f53, sans-serif; 98 } 99 .top { 100 background-color: white; 101 } 102 .top-c { 103 margin: 0 auto; 104 width: 990px; 105 height: 80px; 106 } 107 .top-d { 108 float: right; 109 width: 280px; 110 margin-left: 60px; 111 padding-right: 10px; 112 padding-top: 15px; 113 } 114 .top-d-e { 115 text-align: center; 116 float: left; 117 width: 25%; 118 } 119 .pr { 120 position: relative; 121 } 122 .top-d-e i.top-d-e-iu { 123 background-image: url(../images/icon-upload.png); 124 } 125 .top-d-e-rl { 126 background:url(../images/icon.png) no-repeat -121px 0; 127 display: inline-block; 128 height: 22px; 129 width: 22px; 130 margin-bottom:5px; 131 *margin-bottom:8px; 132 } 133 .top-d-e i.top-d-e-iq { 134 background-image: url(../images/icon-qq.png); 135 } 136 .top-d-e-v { 137 background-color: white; 138 padding: 20px; 139 width: 238px; 140 border: 1px solid #EEE; 141 position: absolute; 142 left: 0px; 143 top: 48px; 144 box-shadow: 0 2px 1px rgba(0,0,0,.2); 145 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2); 146 -moz-box-shadow: 0 2px 1px rgba(0,0,0,.2); 147 color: #999; 148 z-index: 1000; 149 } 150 .top-d-e-v ul li { 151 line-height: 25px; 152 background:url(../images/icon.png) no-repeat -377px -27px; 153 padding-left: 20px; 154 text-align: left; 155 } 156 .top-d-e-v ul li span { 157 float: right; 158 } 159 .top-d-e-v ul li p { 160 width: 180px; 161 } 162 .top-d-e-v ul li p a:link, .top-d-e div ul li p a:visited { 163 color: #25C2B1; 164 } 165 .top-d-e-v ul li p a:hover, .link-2b1:hover { 166 text-decoration:underline; 167 } 168 .top-c-f { 169 float: right; 170 padding-top: 10px; 171 width: 355px; 172 } 173 .h-30 { 174 height: 30px; 175 } 176 .top-c-f-d { 177 background-color: #EFEFEF; 178 width: 53px; 179 position: relative; 180 cursor: pointer; 181 float: left; 182 height: 23px; 183 border: solid 1px #CCC; 184 padding-top: 5px; 185 padding-left: 5px; 186 } 187 .top-c-f-d-a { 188 background: url(../images/icon.png) no-repeat; 189 display: inline-block; 190 height: 7px; 191 width: 9px; 192 margin-left: 10px; 193 vertical-align: middle; 194 _margin-top: 7px; 195 } 196 .top-c-f-d div { 197 background-color: #EFEFEF; 198 position: absolute; 199 left: -1px; 200 top: 27px; 201 width: 53px; 202 z-index: 1000; 203 border: solid 1px #CCC; 204 border-top:none; 205 padding-left: 5px; 206 } 207 .top-c-f-d div a:link, .top-c-f-d div a:visited { 208 display: block; 209 line-height: 30px; 210 } 211 .top-c-f-d div a:hover { 212 color:#333; 213 text-decoration:underline; 214 } 215 .nav-c-d div a:link, .nav-c-d div a:visited { 216 display:block; 217 line-height:30px; 218 } 219 .nav-c-d div a:hover { 220 color:#333; 221 text-decoration:underline; 222 } 223 .top-c-f-f { 224 height: 30px; 225 margin-top: 5px; 226 } 227 .top-c-f-f input { 228 background-color: #FFF; 229 border-top: 1px solid #CCC; 230 border-bottom: 1px solid #CCC; 231 border-style:solid none; 232 border-radius: 0; 233 box-shadow: none; 234 transition: none; 235 height:28px; 236 line-height:28px; 237 padding: 0 0 0 3px; 238 width:262px; 239 float:left; 240 } 241 .top-c-f-f input:focus { 242 border-color: #CCC; 243 outline: 0; 244 box-shadow: none; 245 } 246 .top-c-f-f-btn { 247 background:url(../images/icon.png) no-repeat -19px 6px; 248 float: left; 249 height: 28px; 250 width: 29px; 251 border-top-width: 1px; 252 border-right-width: 1px; 253 border-bottom-width: 1px; 254 border-top-style: solid; 255 border-right-style: solid; 256 border-bottom-style: solid; 257 border-top-color: #CCC; 258 border-right-color: #CCC; 259 border-bottom-color: #CCC; 260 } 261 .top-c-logo { 262 background-image: url(../images/logo2.png); 263 background-repeat: no-repeat; 264 display: block; 265 height: 50px; 266 width: 198px; 267 } 268 .top-c-logow { 269 padding-top:10px; 270 float:left; 271 } 272 </style> 273 </head> 274 <body> 275 <div class="top"> 276 <div class="top-c"> 277 <div class="top-d"> 278 <div class="top-d-e top-d-v"> 279 <a href="#" class="top-d-e-vl">看过</a> 280 <!--看过开始--> 281 <div class="top-d-e-v ks-hidden"> 282 <ul> 283 <li class="ks-clear"> 284 <span>100%</span> 285 <p class="ks-text-overflow"><a href="#">一周杯具傻缺搞笑奇趣盘点盘点一周杯具傻缺搞笑奇趣盘点盘点</a></p> 286 </li> 287 <li class="ks-clear"> 288 <span>6%</span> 289 <p class="ks-text-overflow"><a href="#">LCS 欧洲春季赛W7D2精彩回顾</a></p> 290 </li> 291 <li class="ks-clear"> 292 <span>78%</span> 293 <p class="ks-text-overflow"><a href="#">一周杯具傻缺搞笑奇趣盘点盘点</a></p> 294 </li> 295 <li class="ks-clear"> 296 <span>100%</span> 297 <p class="ks-text-overflow"><a href="#">LCS 欧洲春季赛W7D2精彩回顾</a></p> 298 </li> 299 <li class="ks-clear"> 300 <span>100%</span> 301 <p class="ks-text-overflow"><a href="#">一周杯具傻缺搞笑奇趣盘点盘点一周杯具傻缺搞笑奇趣盘点盘点</a></p> 302 </li> 303 <li class="ks-clear"> 304 <span>6%</span> 305 <p class="ks-text-overflow"><a href="#">LCS 欧洲春季赛W7D2精彩回顾</a></p> 306 </li> 307 <li class="ks-clear"> 308 <span>78%</span> 309 <p class="ks-text-overflow"><a href="#">一周杯具傻缺搞笑奇趣盘点盘点</a></p> 310 </li> 311 <li class="ks-clear"> 312 <span>100%</span> 313 <p class="ks-text-overflow"><a href="#">LCS 欧洲春季赛W7D2精彩回顾</a></p> 314 </li> 315 <li class="ks-clear"> 316 <span>78%</span> 317 <p class="ks-text-overflow"><a href="#">一周杯具傻缺搞笑奇趣盘点盘点</a></p> 318 </li> 319 <li class="ks-clear"> 320 <span>100%</span> 321 <p class="ks-text-overflow"><a href="#">LCS 欧洲春季赛W7D2精彩回顾</a></p> 322 </li> 323 </ul> 324 </div> 325 <!--看过结束--> 326 </div> 327 <div class="top-d-e"> 328 <a href="首页-上传视频.html" class="top-d-e-u">上传</a> 329 </div> 330 <!--[if !IE]>QQ登录开始<![endif]--> 331 <div class="top-d-e ks-hidden"> 332 <a href="#" class="top-d-e-q">QQ登录</a> 333 </div> 334 <!--[if !IE]>QQ登录结束<![endif]--> 335 <!--[if !IE]>乐学购开始<![endif]--> 336 <div class="top-d-e"> 337 <a href="#" class="top-d-e-b">乐学购</a> 338 </div> 339 <!--[if !IE]>乐学购结束<![endif]--> 340 <!--[if !IE]>注册登录开始<![endif]--> 341 <div class="top-d-e"> 342 <i class="top-d-e-rl"></i><br> 343 <a href="首页-注册.html">注册</a> | <a href="首页-登录.html">登录</a> 344 </div> 345 <!--[if !IE]>注册登录结束<![endif]--> 346 <!--[if !IE]>用户开始<![endif]--> 347 <div class="top-d-e pr ks-hidden"> 348 <a href="#" class="top-d-e-us ks-text-overflow">酸溜溜psR58b5</a> 349 <!--[if !IE]>购物车开始<![endif]--> 350 <div class="top-d-e-c"> 351 <a href="首页-购物车.html">购物车</a> 352 <a href="#">退出</a> 353 </div> 354 <!--[if !IE]>购物车结束<![endif]--> 355 </div> 356 <!--[if !IE]>用户结束<![endif]--> 357 </div> 358 </div> 359 </div> 360 </body> 361 </html>
