专业WP商业设计开发销售中心

今天写了一个目录树的js，编写css的时候发现，父标签包含相对定位、padding并且没有浮动时的情况下，子标签的绝对定位位置，在IE下有别于其他浏览器，所以我得写一个针对所有IE的hack，以下是我搜索到的所有关于判断个版本IE的范例。

HTML部分

<!--[if lte IE 6]>......<![endif]--> IE6及其以下版本可见
<!--[if lte IE 7]>......<![endif]--> IE7及其以下版本可见
<!--[if IE 6]>......<![endif]--> 只有IE6版本可见
<!--[if !IE]>......<![endif]--> 非IE版本可见
<!--[if it IE 8]......<![endif]--> IE8以下版本可见
<!--[if gte IE 7]>......<![endif]--> IE7及其以上版本可见

CSS部分(hack)

.all IE {
	property:value\9;
}
.gte IE 8 {
	property:value\0;
}
.lte IE 7{
	*property:value;
}
.IE 8/9 {
	property:value\0;
}
.IE 9 {
	property:value\9\0;
}
.IE 7 {
	+property:value;
}
.IE 6 {
	_property:value;
}
.not IE {
	property//:value;
}

lte：就是Less than or equal to的简写，也就是小于或等于的意思。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判断符相同

其他浏览器的Hack

[syntaxHighLighter brush="css"]/* hack Webkit: Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { ... }

/* hack Opera */
media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { ... }

/* hack Firefox */
@-moz-document url-prefix() { ... }[/syntaxHighLighter]