ie6中hover伪类的兼容性问题
创新互联是专业的咸宁网站建设公司,咸宁接单;提供成都做网站、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行咸宁网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
在IE6中,因为只支持css1,而hover伪类(css伪类)在css1中只支持a标签使用,其他标签一概不接纳。
只能考虑js代码辅助来兼容,推荐参考资料
和
如果为了不增加额外的js代码,可以考虑把非a标签的hover尽量调整成a标签的,不过也要同时修改其他样式。
本人推荐直接使用js实现你所想要的功能就好了,不用为了兼容css来那么苦涩的js
dw里怎样设置图片的css样式
1、首先在文件内插入一张图片,点击插入\图像,选择一张图片即可。
2、选中图像,点击css样式窗口的+号,新建一个CSS(相关课程推荐:css视频教程) 样式,打开对话框。选择标签元素,下面就自动变为img,就是说为图像编辑规则。
3、比如要为图片编辑边框,就在弹出的对话框中选择边框,有三个属性可以更改,一个是类型,大小和颜色。可以根据需要选择。
4、在右侧的css面板上就多了个边框属性,代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。
5、如果要对该图像再进行修改,可以点击css样式窗口下的铅笔,在弹出的对话框中修改即可。
所需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]不可以以,除非这个弹出框是用div或者其他标签写的。
如果是div等标签写的那么就和普通的做法没什么区别只是js判断显示和隐藏而已。
可以使用hover 比如有个父盒子暂且给个类名为f 有个子盒子暂且给个类名为c 给c一个disiplay:none;让其隐藏 然后.f:hover.c {disiplay:block} 这样当鼠标悬停父盒子的时候 子盒子就会显示出来 另外 需要注意hover和.c之间没有空格