css样式，bug问题集合
1.规定可以由用户调整 div 元素的大小：overflow:auto;
resize:both;
textarea如果禁止所有方向的拉动也可以使用属性resize: none;来控制。
resize属性值：both（表示横向纵向均可拉动）horizontal（表示只有横向可以拉动）vertical（表示只有纵向才可以拉动）none（禁止拉动）
a:link{color: #1f2d4a;text-decoration: none;}
a:visited{color: #fe0000;text-decoration: none;}
a:hover, a:active, a:focus{color: #07237a;text-decoration: underline;}
href必有要有链接
2.为元素设置：box-sizing: border-box;，则表明width的宽度为内容本身宽度+padding+border（高度一样）
为元素设置：box-sizing: content-box;，（默认就是这个），则表明width的宽度就是内容本身的宽度，padding以外的再另算。 而input、select默认的样式是不同的，所以就造成了width设置的一样，但就是对不齐。全部设成border-box就省事了。
（IE8及以上版本支持。）
3.宽度自适应 如果想要在手机端自适应，你还需要写上下面这句话。
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@media only screen and (max-width:1000px) {
.skin-1 #sidebar { border: 0; box-shadow: none }
.skin-1 .nav-list>li.active>a:after, .skin-1 .nav-list>li.active.open>ul.submenu>li.active>a:after { display: none }
}
html css禁止双击选中文字
1、firefox浏览器通过样式表进行设置具体如下：
body{-moz-user-select:none;}
2、其他浏览器一般通过选中事件进行屏蔽，具体如下：
<body onselectstart="return false">
display:inline-block;兼容代码
解决IE6、IE7兼容性的方法：
1、首先设置inline-block触发块元素，具有了layout的特性，然后设置display:inline使块元素呈现内联元素，此时layout的特性不会消失。
2、直接设置display:inline，使用zoom:1触发layout。
display:inline-block;
*display:inline;
*zoom:1;
rgba()兼容IE8
CSS：
//一般的高级浏览器都支持
background: rgba(255,255,255,0.1);
//IE8下
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。
这个颜色“#19ffffff”是由两部分组成的。
第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如运行截图所示。
第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff；就是白色。
浙公网安备 33010602011771号