61,112
社区成员
发帖
与我相关
我的任务
分享为什么display:none;IE6下无效？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.ceshi a{
width:200px;
height:200px;
position:relative;
background-color:#0F0;
display:block;
}
.ceshi a .b{
width:100px;
height:100px;
position:absolute;
right:0px;
bottom:0px;
background-color:#000;
}
.ceshi a:hover{
border:0 none; /*这个地方是在网上看的方法，IE6下无法起到作用*/
}
.ceshi a:hover .b{
display:none;
}
</style>
</head>
<body>
<div class="ceshi">
<a href="#" target="_blank">
<div class="b"></div>
</a>
</div>
</body>
</html>
这个div当页面打开的时候，必须显示在左下角，
只有鼠标移入时，才消失，
求指点，谢谢..........
...全文
请发表友善的回复…
发表回复
h123hu 2012-04-24
- 打赏
- 举报
[Quote=引用 6 楼 的回复:]
换种方式隐藏吧
如将宽/高设为0
[/Quote]
这样也行，看来我的思路太窄了，
谢谢哈，搞定了
换种方式隐藏吧
如将宽/高设为0
[/Quote]
这样也行，看来我的思路太窄了，
谢谢哈，搞定了
happy59 2012-04-24
- 打赏
- 举报
换种方式隐藏吧
如将宽/高设为0
如将宽/高设为0
传递正能量 2012-04-24
- 打赏
- 举报
加上 display:block;
那你不用缩写的形式，写一下看看，就是border-style,border-width:一个一个的写
另外没有看见啊什么时候加的边框
IE6好久不碰了
那你不用缩写的形式，写一下看看，就是border-style,border-width:一个一个的写
另外没有看见啊什么时候加的边框
IE6好久不碰了
h123hu 2012-04-24
- 打赏
- 举报
[Quote=引用 2 楼 的回复:]
.ceshi a:hover{
border:0px #69f none; /*写完整*/
}
顺序忘记了，可能不太对
[/Quote]
IE6下依然无效
.ceshi a:hover{
border:0px #69f none; /*写完整*/
}
顺序忘记了，可能不太对
[/Quote]
IE6下依然无效
h123hu 2012-04-24
- 打赏
- 举报
[Quote=引用 1 楼 的回复:]
CSS code
.ceshi a:hover .b{
display:none;
background:none;
}
[/Quote]
- -~！我这个div有可能装其他东西的，弄这个没什么意义的哦，
而且，在IE6下无效
CSS code
.ceshi a:hover .b{
display:none;
background:none;
}
[/Quote]
- -~！我这个div有可能装其他东西的，弄这个没什么意义的哦，
而且，在IE6下无效
传递正能量 2012-04-24
- 打赏
- 举报
.ceshi a:hover{
border:0px #69f none; /*写完整*/
}
顺序忘记了，可能不太对
border:0px #69f none; /*写完整*/
}
顺序忘记了，可能不太对
豪情 2012-04-24
- 打赏
- 举报
.ceshi a:hover .b{
display:none;
background:none;
}
