首页新闻找找看学习计划

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>
zanetti的主页 zanetti | 初学一级 | 园豆:153
提问于:2014-07-03 19:09
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册