《
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的区别相关文章