DotNetNuke(DNN)皮肤制作-通过JS文件解决不同IE版本对CSS解释不一致的问题

简介: IE不同的版本对CSS解释不一致是一个众所周知的问题,有很多解决方案,其中的一个方法是通过加载不同的JS脚本来纠正不同IE版本对CSS的解释,这样你只要按照web标准来编写CSS就可以了。   IE7.js是用来解决版本低于7,高于或等于5的IE上的一些WEB标准的兼容性问题,可以看看解决的兼容性列表。

IE不同的版本对CSS解释不一致是一个众所周知的问题,有很多解决方案,其中的一个方法是通过加载不同的JS脚本来纠正不同IE版本对CSS的解释,这样你只要按照web标准来编写CSS就可以了。

 

IE7.js是用来解决版本低于7,高于或等于5的IE上的一些WEB标准的兼容性问题,可以看看解决的兼容性列表

使用方法:

下载后,包所有的JS文件解压缩到同一个目录下。

HTML中使用:

然后只需要在HTML代码里包含如下代码即可(路径根据你的实际情况修改)。

IE7.js

使 MSIE5-6 表现的和 IE7一样

<!-- [if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]
-->

IE8.js

增加了 IE5-7 没有的高级CSS特性


<!-- [if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]
-->

如果你已经包含了IE8.js,就可以不用重复包含IE7.js了。


IE7里有一个是解决PNG在IE下的透明问题的。默认只处理以-trans.png.这里有修改方法

 

对于在DNN皮肤中的使用,应该是这样:

         <!-- [if lt IE 7]>
            <script src="<%=SkinPath%>ie7.js" type="text/javascript"></script>
        <![endif]
-->

 


当前最新版本为:v2.0 beta3
下载地址:http://code.google.com/p/ie7-js/

目录
相关文章
|
7月前
|
前端开发 UED
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
77 0
|
5月前
|
前端开发
解决VScode在保存less文件时,自动生成对应的css文件以及安装Easy less之后,计算式子不显示结果的问题
解决VScode在保存less文件时,自动生成对应的css文件以及安装Easy less之后,计算式子不显示结果的问题
|
3月前
|
Web App开发 JSON 前端开发
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
56 0
|
4月前
|
JSON 前端开发 JavaScript
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)(上)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
58 0
|
2月前
|
前端开发
最新版本create-react-app 如何使用css-module
最新版本create-react-app 如何使用css-module
16 0
|
9月前
|
前端开发 小程序
微信小程序系列——无缝引入CSS或者WXML文件
微信小程序系列——无缝引入CSS或者WXML文件
|
4月前
|
前端开发 程序员 容器
CSS样式文件和class类名命名规范参考
CSS样式文件和class类名命名规范参考
30 0
|
4月前
|
Web App开发 前端开发 JavaScript
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)(下)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
29 0
|
5月前
|
前端开发
前端原生 CSS 跑马灯效果,无限轮播(横竖版本,带渐变遮罩,简单实用)
前端原生 CSS 跑马灯效果,无限轮播(横竖版本,带渐变遮罩,简单实用)
27 0
|
5月前
|
前端开发 JavaScript
前端知识笔记(二十六)———React如何像Vue一样将css和js写在同一文件
前端知识笔记(二十六)———React如何像Vue一样将css和js写在同一文件
33 1