关于web前台在测试IE7下遇到的一些问题

最新推荐文章于 2021-03-19 22:29:31 发布

月色无痕

最新推荐文章于 2021-03-19 22:29:31 发布

阅读量966

点赞数

本文链接：https://blog.csdn.net/yusewuhen/article/details/24467515

版权

一、IE7下select标签 不只是 innerHtml方法
我本意是使用js在select标签添加option标签奈何在IE7下$("#select").innerHTML = "<option>北京</option>";不识别。
但是div标签的innerHTML在IE7下是可以识别的，所以我想了一个办法：在select标签外加一个div标签，
$("#div").innerHTML = "<select><option>北京</option><select>"这样就可以解决了；OK
二、通过JS修改Select标签的的边框颜色,IE7下$("#delect").css('border-color','red');仍然不支持，
解决办法同上：在select标签外加div标签，可以隐藏select边框，使用js设置div的边框并修改，这样就可以做到在IE7下动态修改select边框了
三、在IE7下border-radius圆角属性不能使用
解决办法：（注：网上看到的没实验，需要的朋友可以自己试试看）
让IE（ie6/ie7/ie8）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。
引用google的htm5.js文件，代码内容可以自己下载下来看。
<!–[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]–>
将以上代码放到head标签区间
请记得在CSS中进行如下定义，目的是让这些标签成为块状元素，just like div。
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
四、关于IE7下HTML的注释，有兴趣的朋友可以研究下这个很奇怪，但我不知道为什么
<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--  -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
</html>
上述代码的红色部分<!--  -->我发现在IE7下会影响下方css文件的<link>导入，导致页面出现布局混乱现象，不知道为什么