又遇到IE6的兼容要求-----IE6 的hover支持

By | 2014 年 10 月 20 日

常见的是CSS加上csshover3.htc

http://peterned.home.xs4all.nl/htc/csshover3.htc

可惜遇到了lamp下某种原因,IE6认不出HTC,于是还是jq吧。

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section

这一串性能问题,你可以去掉,改为自己需要的几个id或者class嘛!!!

jQuery(function ($) {
	if ( jQuery.browser.msie && ( jQuery.browser.version == "6.0" ) && !jQuery.support.style ){
                jQuery('div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section').hover(function(){
			jQuery(this).addClass('hover');
		},function(){
			jQuery(this).removeClass('hover');
		});
	}
});

对了,CSS原来的写法DIV:hover{} 是吧? 简单,复制整段CSS,然后DIV.hover {}...... 只有IE6会如此执行。

发表回复

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据