一,overflow属性:   1,四个值:    visible     默认值.内容不会被修剪,会呈现在元素框之外.    hidden        内容会被修剪,并且其余内容是不可见的.    scroll        内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容.    auto        如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容.    inherit        规定应该从父元素继承 overflow 属性的值.  2,demo:     <bod…
https://css-tricks.com/what-is-vertical-align/ ************************************************* CSS has a property called vertical align. It can be a bit confusing when you first learn about it, so I thought we could go through it's use a little bit…
背景background 1.background-color:''   背景颜色 2.background-image:'' 背景图片 background-repeat:'' 背景图片是否平铺 取值: repeat  (默认)垂直和水平平铺 repeat-x 仅在水平方向平铺 repeat-y 仅在垂直方向平铺 no-repeat 不平铺  仅显示一个 3.属性设置背景图的起始位置 background-position:x,y 4.背景图尺寸 background-size 取值 :宽度,…
[感想]信息时代的信息是有时效性的,今天是确确实实感受到了.互联网资料虽然丰富,但是质量不一,还有大量的跟风雷同,很多人都是随手拷贝过来,根本没有实践.以前端为例,这两年浏览器的迅猛发展,造成很多原有知识的失效.但是网上还是大量充斥了以前失效的解决方案.我觉得,我们应本着实践精神,对任何问题的解决方案进行实际测试.须知:纸上得来终觉浅,绝知此事要躬行. 今天遇到一个关于透明度的问题. 大家都知道在css3中增加的新属性opacity——不透明度的设定. 使用了opacity的元素,它的不透明度会…
{ display: none; /* 不占据空间,无法点击 */ }  { visibility: hidden; /* 占据空间,无法点击 */ }  { position: absolute; top: -999em; /* 不占据空间,无法点击 */ }  { position: relative; top: -999em; /* 占据空间,无法点击 */ }  { position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ }  {…
1.opacity:是属性,整个元素包含子元素全部都会透明,取值范围0-1; 2.background-color:rgba(0,0,0,.5)rgba是值,用于背景,取值范围0-1. 补充:a-alpha=透明度通道 实例: div{ width: 200px; height: 200px; border: 1px solid red; background-color: purple; opacity:0;隐藏 opacity:1; //显示 }…
ie6-ie8中是不支持的,需要加上下面这句话:filter: alpha(opacity=70);此外这种效果不能用ietester中的ie6测试,因为ietester的ie6这样写也是不透明的,但是实际上ie6中已经显示正常了.…
半透明部分设置样式:opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常. 但是这样在ie6-ie8中是不支持的,需要加上下面这句话: filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 此外这种效果不能用ietester中的ie6测试,因为ietester的ie6这样写也是不透明的,但是实际上ie6中已经显示正常了.…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style=" display: none; z-index: 10; position: fixed; top: 50%; left:50%; ma…
body{ background: red; opacity: 0.5; filter:alpha(opacity=50); } jQuery: if($.support.opacity == ture){ $('body').css('opacity',0.5); }else{ $('body').css('filter','alpha(opacity=50)'); }…