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

html-css020

请教怎样用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页面。 这时,单击按钮将弹出一个提示框,见下图。这样,以上的问题就解决了。