[原创]介绍一种滤镜.--一起PHP技术联盟

楼主

index » HTML/JS/CSS技术专区 » [原创]介绍一种滤镜. 　

作者：海天旭日

注册时间：2004-04-06

主题/回复：69/145

积分：1508

等级：★★★★(八级)

称号：论坛才子

xiaopb@163.com

11843938

www.xpb.cn

发表：2004-09-15 02:11:01 阅读 2293 次回复 3 次得分2 |

字号

字色

[原创]介绍一种滤镜.

style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4B92D9', endColorStr='#CEDFF6', gradientType='1')">

  可用于表格,产生渐变效果,根据startColorStr和endColorStr设置开始结束
颜色.改变gradienttype=0可设置为上下渐变.效果非常酷.较用图片作背景有以下好处:1减小了网页体积,下载更快.2.如果表格设置为百分比形式,不会随表格变化而改变效果.3.利用样式表引用到页面中可以只修改样式表而改变所有应用该样式表的页面.
  具体效果用IE6.0看看微软网站的上面和下面就知道了.

缺点及注意: 在IE5.5以下没有效果.如果您非常在乎,可以用脚本实现根据分辨率应用不同样式表:

例如:
<script language="JavaScript">
var userAgent = navigator.userAgent;
var MSIEIndex = userAgent.indexOf("MSIE");
if (userAgent.indexOf("Win")  == -1 ||userAgent.indexOf("MSIE") == -1 ||
userAgent.substring((MSIEIndex + 5),(MSIEIndex + 8)) <= 5.5)
document.write("<link rel='stylesheet' type='text/css' href='inc/xpb.css'>");
else
document.write("<link rel='stylesheet' type='text/css' href='inc/xpb.css'>");
</script>

　1#楼

回复人：一起PHP

注册时间：2004-02-27

主题/回复：247/1521

积分：4649

等级：★★★★★☆(十一级)

称号：论坛圣人

1#楼发表于2004-09-15 17:44:29 评分：1

不错;.

　2#楼

回复人：slopesun

注册时间：2004-09-07

主题/回复：58/67

积分：753

等级：★★★(六级)

称号：声名鹊起

2#楼发表于2004-09-16 18:53:56 评分：1

style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4B92D9', endColorStr='#CEDFF6', gradientType='1')"
放在表格属性里怎么没反映

　3#楼

回复人：海天旭日

注册时间：2004-04-06

主题/回复：69/145

积分：1508

等级：★★★★(八级)

称号：论坛才子

3#楼发表于2004-09-17 19:33:57 评分：×

<table border="0" width="100%" cellspacing="0" id="table1" height="91" cellpadding="0">
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4B92D9', endColorStr='#CEDFF6', gradientType='1')"
>　</td>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CEDFF6', endColorStr='#4B92D9', gradientType='1')"
>　</td>
</tr>
</table>
这样试试。在IE6.0下看

	页数1/1: 首页 « 1 » 末页
发表回复：您还没有登陆，无法发表回复。请先[登陆]

一起PHP技术联盟主办：一起PHP 联系方式：站长QQ:4304410 QQ群：8423742 20159565 站长博客 E-mail： nqp@nqp.me 执行时间:0.005sec
SimsmaBBS 2008 (v6.0) Developed by 17php.com,Copyright(C)2003-2010 All rights reserved. 副本授权：一起PHP官方专用版