当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS中Visibility和Display的区别

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS中Visibility和Display的区别 CSS(655)Visibility(3)display(7)网站建设(1202)区别(18)
--> [网站建设之]CSS中Visibility跟Display的差别 CSS中的visibility和display两个属性很轻易被混杂,由于它们看起来是做同样的事件,但实际上,这两个属性是完整不同的。visibility属性用来设置一个给定的元素是否显示(visibility=visible|hidden),但是,
CSS中Visibility和Display的区别》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332562013.htm
--> [网站建设之]CSS中Visibility跟Display的差别

    CSS中的visibility和display两个属性很轻易被混杂,由于它们看起来是做同样的事件,但实际上,这两个属性是完整不同的。 visibility属性用来设置一个给定的元素是否显示(visibility="visible|hidden"),但是,固然一个元素的visibility被设置为hidden,然而该元素依然会盘踞设计的地位: <script language="JavaScript">
    ,CSS中expression使用简介;function toggleVisibility(me),CSS中display各属性语法参数详解 附实例...{
        if (me.style.visibility=="hidden",CSS中Class与ID的区别,Margin与Padding的区别;)...{
            me.style.visibility=",CSS两种方法实现隔行换色;visible";
       ,CSS下拉菜单的制作;  ,CSS三层布局模型;   }
    ,CssGaga教程 css合并与CSS优化;    ,CSS3:background-image可使用多背景图;else ...{
            ,CSS3网页实例 美化网页下拉列表;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属性更有用,多数情形下在隐蔽文字的时候要将相干的元素做相应的调节(例如树构造)。   ,CSS3网页制作教程 Action hovert;      留神当一个元素被隐藏时,不能接收任何事件,因而上例中当<div>被隐藏后,不能再接受鼠标点击事件,所以再点击该控件位置不能再次显示控件。Display属性的作用则有所不同,visibility暗藏元素,但是却为该元素预留位置,而display实际是设置该元素的属性。例如任何display设置为block的元素都被视为一个独自的块儿,这时的<SPAN>会象<DIV>一样工作,而当display属性设置为inline时该元素将变成一个单列的元素,这时的<DIV>也会象<SPAN>一样工作。最后,假如一个元素的display属性被设置为none,那么这个元素实际上将彻底从输出流中去除,并且其后的所有元素将提到前面对的位置。 Tag:display   Visibility   display   Visibility  
(责任编辑:网站建设)
CSS中Visibility和Display的区别相关文章
上一篇:CSS中expression使用简介 下一篇:CSS中Zoom属性的一些介绍
回到顶部