css弹出对话框样式,css实现对话框

关于CSS做的弹出对话框问题（在线等）

ie6中hover伪类的兼容性问题

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

只能考虑js代码辅助来兼容，推荐参考资料

和

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

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

相关问答

Q1: dw如何为图片设置css样式

dw里怎样设置图片的css样式

1、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。

2、选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。选择标签元素，下面就自动变为img，就是说为图像编辑规则。

3、比如要为图片编辑边框，就在弹出的对话框中选择边框，有三个属性可以更改，一个是类型，大小和颜色。可以根据需要选择。

4、在右侧的css面板上就多了个边框属性，代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。

5、如果要对该图像再进行修改，可以点击css样式窗口下的铅笔，在弹出的对话框中修改即可。

Q2: 如何给alert弹出框增加自己想要的样式

所需CSS：

style type="text/css"

#alertMsg {

display: none;

width: 400px;

border: 1px solid #ddd;

border-radius: 5px;

box-shadow: 1px 1px 10px black;

padding: 10px;

font-size: 12px;

position: absolute;

text-align: center;

background: #fff;

z-index: 100000;

}

#alertMsg_info {

padding: 2px 15px;

line-height: 1.6em;

text-align: left;

}

#alertMsg_btn1, #alertMsg_btn2 {

display: inline-block;

background: url(images/gray_btn.png) no-repeat left top;

padding-left: 3px;

color: #000000;

font-size: 12px;

text-decoration: none;

margin-right: 10px;

cursor: pointer;

}

#alertMsg_btn1 cite, #alertMsg_btn2 cite {

line-height: 24px;

display: inline-block;

padding: 0 13px 0 10px;

background: url(images/gray_btn.png) no-repeat right top;

font-style: normal;

}

/style

使用方法，直接调用函数，传递所需定义的信息，支持定义是否有取消键：

alertMsg(msg, mode)

//mode为空，即只有一个确认按钮，mode为1时有确认和取消两个按钮

[img]

Q3: CSS可以定义弹出对话框的样式吗

不可以以，除非这个弹出框是用div或者其他标签写的。

如果是div等标签写的那么就和普通的做法没什么区别只是js判断显示和隐藏而已。

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

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