IE版本兼容性问题_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了IE版本兼容性问题_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2764字,纯文字阅读大概需要4分钟。
内容图文
我机器上安装的是IE10,文件选择框是这个样子的可是我用IETester测试各个IE版本,从IE6到IE8都是显示以下效果
根本就无法选择文件,html代码是
导入Excel
还有一个问题
在IETester中,IE6和IE7的效果是这样的
IE8以上正常,应该是
html代码是
- 3 Projects
- 27 Tasks
- 7 Messages
- 5 Files
CSS样式代码为
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}.summary {display:table; width:100%; padding:0; margin:0 0 20px 0;}.summary ul {margin:0; padding:0; overflow:hidden; display:table-row;}.summary li {margin:0; padding:19px; display:table-cell; border-right:1px solid #eee;}.summary li:last-child {border:none;}.summary a {display:block; font-size:1.2em; line-height:1.4em; text-transform:uppercase; color:#000;}.summary .count {display:block; font-size:1.75em; font-weight:bold;} /* dashboard - ie fixes */ .ie7 .summary {display:block;} .ie7 .summary ul {margin:0; padding:0; overflow:hidden; display:block;} .ie7 .summary li {float:left;} .ielt9 .summary .last {border:none;}
回复讨论(解决方案)
查出第二个原因是display:table-cell 不支持IE6,IE7
可是应该怎么修改CSS代码呢?求助啊
第一个问题,尝试去掉runat='"server",看看效果。或者通过size或者css的width设置一下宽度。
第二个问题,你已经使用了float:left,可以设置li的宽度,保证所有li的总宽度(考虑border,margin等因素)小于外框的宽度,这样就可以在一行了。
第二个问题,如果你需要动态自动设置宽度和高度,可以下载 display-table.htc这个htc文件,再按照页面的介绍引用文件和设置css。
第一个我改用jQuery的uploadify解决了
第二个 后来发现css中有一段代码
/* dashboard - ie fixes */
.ie7 .summary {display:block;}
.ie7 .summary ul {margin:0; padding:0; overflow:hidden; display:block;}
.ie7 .summary li {float:left;}
.ielt9 .summary .last {border:none;}
在外层加个div,设置class为ie7,结果ie6,ie7都正常了
还是谢谢你的建议
国外好些网页模板在html节点添加class="ie7"这种的方式,这样就不用在现有的框架下再添加额外的层了。
第一个我改用jQuery的uploadify解决了
第二个 后来发现css中有一段代码
/* dashboard - ie fixes */
.ie7 .summary {display:block;}
.ie7 .summary ul {margin:0; padding:0; overflow:hidden; display:block;}
.ie7 .summary li {float:left;}
.ielt9 .summary .last {border:none;}
在外层加个div,设置class为ie7,结果ie6,ie7都正常了
还是谢谢你的建议
内容总结
以上是互联网集市为您收集整理的IE版本兼容性问题_html/css_WEB-ITnose全部内容,希望文章能够帮你解决IE版本兼容性问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。