Question

请求协助：关于DIV/CSS布局中非a元素的hover伪类兼容问题

我在用Div/CSS布局时遇到了一个兼容性问题，虽然尝试用JS定义类的方式解决，却发生了布局混乱的问题，目前不知道是在什么位置出现了问题，希望熟悉该类问题的朋友能帮我解决一下，请在此留言，我将通过私信与您联络，非常感谢。

Answer 1

可以使用csshover.htc文件。
是国外一名作者写的，用于解决低版本IE不支持a以外的元素使用:hover 、:active 伪类的问题。
简单的说下使用方法：
下载csshover.htc文件至网站目录，然后在CSS文件中引用它就好了。
如：
li:hover {
color:red;
behavior:url(csshover.htc);
}
亦或者建立一个标签组来应用它：
div , li , h1 , h2 {
behavior:url(csshover.htc);
}
这样你就不用在每一个需要应用的元素内部写代码了。

建议：
尽量用具体的选择器，避免用*号。建议的写法如下：
#nav ul li ,#sidebar ul li , #page-nav .menu span {
behavior:url(csshover.htc);
}
这样写，可以避免程序历遍整个网页所带来的资源消耗。

推荐中小型网站使用。大型网站谨慎使用，尽可能使用js解决hover兼容问题。
更多的使用方法，可以在网上搜一下，有很多文章可供参考。
文件下载请去原作者网站：http://peterned.home.xs4all.nl/csshover.html

Answer 2

你看下这个网站：http://www.w3school.com.cn/css/css_table.asp

1.不用去在意编辑器里是什么样子,直接看各浏览器运行效果更实在.
2.DIV+CSS要兼容各浏览器就得用各个浏览器的 huck来解决.
如:
根据CSS的优先性,注意顺序。
selector{
property:value; /* 所有浏览器 */
property:value\9; /* 所有IE浏览器 */
+property:value; /* IE7 */
_property:value; /* IE6 */
}
3.布局要终于原作肯定就比较慢,另外跟你对整个页面板块划分有点关系.思路清晰比较重要.
4.命名规则 只要能让自己,别人看明白就好了.别自己做的都不认识是什么.
5.连接 你只要带上href属性就可以了. 方便按照要求调整样式.
再然后 就经常看css2.0/3.0手册 熟悉下javascript对做效果很有帮助
最好是学jquery就更靠谱了..

忘了还有2个插件很有必要.不知道你用不用
火狐的 firebug 和IE的 Developer Toolbar(IE8自带此功能) 这两东西对布局很有帮助

Answer 3

关于DIV/CSS布局中非a元素的hover伪类兼容问题你可以去找一些资料看看，或者咨询下相关专家帮你解答。

Answer 4

我可以尝试帮你看看

追问

您好，已经向您发送消息了，烦请您查看一下

Answer 5

这个简单，如果还没解决，可以联系我。

追问

您好，已经向您发送消息了，烦请您查看一下