Heim >Web-Frontend >HTML-Tutorial >为什么display:none;IE6下无效?_html/css_WEB-ITnose

为什么display:none;IE6下无效?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:10:161302Durchsuche

<!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当页面打开的时候,必须显示在左下角,
只有鼠标移入时,才消失,
求指点,谢谢..........


回复讨论(解决方案)

.ceshi a:hover .b{    display:none;    background:none;}

.ceshi a:hover{
    border:0px #69f none; /*写完整*/
    }

顺序忘记了,可能不太对

CSS code

.ceshi a:hover .b{
    display:none;
    background:none;
}

- -~!我这个div有可能装其他东西的,弄这个没什么意义的哦,
而且,在IE6下无效

.ceshi a:hover{
  border:0px #69f none; /*写完整*/
  }

顺序忘记了,可能不太对

IE6下依然无效

加上 display:block;
那你不用缩写的形式,写一下看看,就是border-style,border-width:一个一个的写

另外没有看见啊什么时候加的边框

IE6好久不碰了

换种方式隐藏吧
如将宽/高设为0

换种方式隐藏吧
如将宽/高设为0

这样也行,看来我的思路太窄了,
谢谢哈,搞定了

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn