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></ ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资 ......
$Smarty = new Smarty();
$Smarty->left_delimiter ='<{';
$Smarty->right_delimiter='}> ......
/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* ba ......
margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定pos ......
