opacity
opacity属性的隐藏方法主要是将元素透明度opacity设置为0,从而在视觉上就隐藏了元素,但是元素本身依然占据的着原有空间。
浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替,如: filter: Alpha(opacity=80)。
语法: opacity: value|inherit;
value: 透明值。可取值有 0.0 (全透明)和 1.0(不透明)。
inherit:从父元素集成opacity属性的值。
其规定使用的CSS版本为 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例:
.hide { opacity: 0;}display
display属性的隐藏方法主要是将元素display值设置为none,将其不可见,连盒子模型也不生成,甚至连也不占用原有空间,使用该属性为none时用户对该元素的操作将不可用。
其规定使用的CSS版本为 CSS1。
JavaScript上的display隐藏时方法: object.style.display=”none”。
JavaScript上的display显示时方法: object.style.display=”除none的其他值”
display的属性值包含有: “inline-table”、”run-in”、”table”、”table-caption”、”table-cell”、”table-column”、”table-column-group”、”table-row”、”table-row-group”、以及 “inherit”。
使用示例:
.hide { display: none;}
如果使用jQuery对 带有display: none;的元素进行显示/隐藏使用: $(‘.element’).show() / $(‘element’).hide();
position
position属性的隐藏方法主要是将元素定位出可视区域,从而达到隐藏效果。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
该属性的值包含有: absolute,fixed,releative,static,inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.position=”absolute” ,object.style.top=”-99999px”,object.style.left=”-99999px”。
使用示例:
.hide {
position: absolute;
top: -99999px;
left: -99999px;
}
visibility
visibility属性的隐藏方法主要是在使用动画效果时使用,将该值设置为 hidden将隐藏元素及其子孙元素,如,大家需要鼠标移动到元素后显示子元素,可在元素 的hover样式设置 元素(或其子孙元素)的visibility的值 为visible即可。
该属性的值包含有:visible,hidden,collapse,inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.visibility=”hidden”。
使用示例:
.hide {
visibility: hidden;
}
.show
{
visibility: visible;
}
overflow
overflow属性的隐藏方法主要是, 使用超出隐藏的方法。
使用示例:
.overflow
{ overflow: hidden;}
@ overflow的构词分析?
在英语中,合成词是由两个单词连在一起合成一个新词。
一般是前一个词修饰或限制后一个词。派生法(derivation)是英语主要的构词法。这方法是借前缀或后缀之助,制造出派生词(derivative words),主要有名词、形容词和动词三种。因此,over-是前缀,意思是:太,过于 overflow 溢出 ·· 太满了 属于派生词 希望帮到你
@ Excel请问造成overflow的原因是什么?
overflow(溢出)通常是变量定义错误造成。例如你在程序开头定义了一个数字变量AA(Dim AA as
integer),但是在程序运行中却试图将一串文字赋植给他(AA=”大家是害虫”)。这时就会出现溢出错误。解决的办法是将出错的变量改成正确的类型,而且下次定义变量时要充分考虑各种可能出现的情况。
@ 如何让input的文本框变为多行?
textarea></textarea> 是多行文本的标签
比如你要设个五行、一行50字的文本框,<textarea name="txt" clos=",50" rows="5" warp="virtual"></textarea>
textarea标签属性wrap:规定当提交表单时,文本区域中的文本应该怎样换行;off(不自动换行)、hard(显示效果和提交数据都自动换行)、soft(显示效果自动换行,提交的数据不自动换行)、physical(相当于hard)、virtual(相当于soft);
form:定义文本区域所属的一个或多个表单;
required:规定文本域为必须输入项目(必填内容);
autofocus:规定当页面加载时,文本区域自动获得焦点;
maxlength:指定文本域中允许的最大字符数;如maxlength="20"表示最多只能输入20个文字;
placeholder:指定占位符,占位符会在输入文字为空时显示,并会在元素获得焦点时消失,也就是预先提示用户这里应该输入什么,鼠标点上去就消失的文字。