请教怎样用CSS设置鼠标指向弹出对话框

html-css0125

请教怎样用CSS设置鼠标指向弹出对话框,第1张

可以使用hover 比如有个父盒子暂且给个类名为f 有个子盒子暂且给个类名为c 给c一个disiplay：none；让其隐藏 然后.f:hover.c {disiplay:block} 这样当鼠标悬停父盒子的时候 子盒子就会显示出来 另外 需要注意hover和.c之间没有空格

ie6中hover伪类的兼容性问题

在IE6中，因为只支持css1，而hover伪类(css伪类)在css1中只支持<a>标签使用，其他标签一概不接纳。

只能考虑js代码辅助来兼容，推荐参考资料http://hi.baidu.com/css%BA%DA%B0%E5%B1%A8/blog/item/6529b7f211bdb4a5a50f5263.html

和

http://www.javaeye.com/topic/392913

如果为了不增加额外的js代码，可以考虑把非a标签的hover尽量调整成a标签的，不过也要同时修改其他样式。

本人推荐直接使用js实现你所想要的功能就好了，不用为了兼容css来那么苦涩的js

实现的方法和详细的操作步骤如下：

1、第一步，打开html编辑器，创建一个新的html文件，例如：index.html，然后输入代码，见下图。

2、第二步，完成上述步骤后，在index.html的<body>标记中，输入js代码，见下图。

3、第三步，完成上述步骤后，浏览器运行index.html页面。 这时，单击按钮将弹出一个提示框，见下图。这样，以上的问题就解决了。