web前端开发在IE7下的一些问题汇总

阳光穿透心脏的1/2处 2024-02-17 14:39 29阅读 0赞

一、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>导入，导致页面出现布局混乱现象，不知道为什

五、关于background属性，与background-color有区别
    <div style="margin-bottom:58px;background: #CDF"></div>你会发现margin-bottom属性不起作用
    <div style="margin-bottom:58px;background-color: #CDF"></div>你会发现margin-bottom属性就可以了