|
网站建设 |
|
|
最新客户 |
|
|
网站推广 |
|
|
推广知识 |
|
|
|
建站技术知识 |
|
|
|
|
|
CSS中Visibility和Display的区别
|
CSS中的visibility和display两个属性很容易被混淆,因为它们看起来是做同样的事情,但实际上,这两个属性是完全不同的。 visibility属性用来设置一个给定的元素是否显示(visibility="visible|hidden"),但是,虽然一个元素的visibility被设置为hidden,但是该元素仍然会占据设计的位置:
<script language="javascript"> function toggleVisibility(me)...{ if (me.style.visibility=="hidden")...{ me.style.visibility="visible"; } else ...{ me.style.visibility="hidden"; } } </script>
<div onclick="toggleVisibility(this)" style="position:relative"> This example displays text that toggles between a visibility of 'visible' and 'hidden'. Note the behavior of the next line.</div><div>This second line shouldn't move, since visibility retains its position in the flow</div>
注意如果display属性没有被明确设置,将默认被设置为该类元素的常用值。明显地,两个属性中display属性更有用,多数情况下在隐藏文字的时候要将相关的元素做相应的调节(例如树结构)。
注意当一个元素被隐藏时,不能接受任何事件,因此上例中当<div>被隐藏后,不能再接受鼠标点击事件,所以再点击该控件位置不能再次显示控件。Display属性的作用则有所不同,visibility隐藏元素,但是却为该元素预留位置,而display实际是设置该元素的属性。例如任何display设置为block的元素都被视为一个单独的块儿,这时的<SPAN>会象<DIV>一样工作,而当display属性设置为inline时该元素将变成一个单列的元素,这时的<DIV>也会象<SPAN>一样工作。最后,如果一个元素的display属性被设置为none,那么这个元素实际上将彻底从输出流中去除,并且其后的所有元素将提到前面对的位置。
< |
|
|
|
|
|
|
|
|
|
|
在线咨询 |
|
|
建站服务 |
|
经济型网站设计套餐 ¥2580 |
企业型网站设计套餐 ¥3980 |
豪华型网站设计套餐 ¥6580 |
商城型网站设计套餐 ¥7580 |
定制型网站设计套餐 ¥面 谈 |
智赢型ABC ¥1580/1980 |
|
|
|
|
|
虚拟主机 |
|
普及型(电信)350元/年 |
经济型(电信)650元/年
|
普及A型(双线)500元/年 |
普及B型(双线)900元/年 |
外贸型(国外) 550元/年
|
企业型(国外) 1050元/年 |
我要订购主机>> |
|
|
|
域名注册 |
|
国际顶级域名.com 100元/年 |
国际顶级域名.net 100元/年 |
国际顶级域名.cc 380元/年 |
国际顶级域名.org 180元/年 |
中国顶级域名.cn 100元/年 |
中国顶级域名.com.cn 100元/年 |
中文域名.中国.公司 280元/年 |
我要注册域>> |
|
|
|