css实现渐变效果
<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
参数 说明
gradientType=1代表横向渐变,gradientType=0代表纵向淅变
渐变效果实现:filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="色彩"代表渐变开头的色彩
endcolorstr="色彩"代表渐变结尾的色彩
opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征:
0 代表统一形状
1 代表线形
2 代表放射状
3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
具体效果应用如下:
CSS滤镜实现 代码 效果拷屏&nb
相关文档:
使用IE8 可能出现的问题:
* 网页布局不整齐
* 文本或图像重叠
* JavaScript 功能有问题或错误
一般解决
1.写CSS Hack。
而后台人员不擅长于写CSS。
2.强制IE8像IE7那样呈现内容。
在<head></ ......
一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
昨天学习了Css的一小部分属性,这些属性一直从昨天练习到今天,感觉如果想把这些属性完全的掌握牢固还需要大量的练习,看到同学一个比一个学习努力,有的同学已经超前学习,心里感到七上八下的,因此自己也在慢慢钻研,不能落到别人的后面,昨天主要是练习了,今天主要的总结了一些Css的属性:
文本
font-fa ......
CSS 背景属性(Background)
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
设置元素的背景颜色。
1
background-image
设置元素的背景图像。
1
background-position
设置背景图像的开 ......