CSS Filter 代替 图片 实现 渐变背景效果。
2006-06-01 11:25
1296 查看
以前欲做一个渐变的背景,一般都是用图片。
一次偶然发现用CSS Filter 可以实现相同的效果,而最重要的好处是它可以省去你去下载图片所使用时间。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="100%" height="133" border="0" cellspacing="0">
<tr>
<td> </td>
<td style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#ADADAD', gradientType='1')" width="48%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
一次偶然发现用CSS Filter 可以实现相同的效果,而最重要的好处是它可以省去你去下载图片所使用时间。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="100%" height="133" border="0" cellspacing="0">
<tr>
<td> </td>
<td style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#ADADAD', gradientType='1')" width="48%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
相关文章推荐
- CSS实现兼容性的渐变背景(gradient)效果
- css+filter实现简单的图片透明效果
- CSS实现表格边框阴影和背景渐变效果
- CSS实现PNG图片背景透明效果
- 用CSS实现无图片背景圆角效果
- css3,filter实现背景背景渐变的效果
- CSS实现兼容性的渐变背景(gradient)效果
- CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
- CSS实现网页背景颜色渐变的效果(火狐浏览器,IE,)
- CSS实现兼容性的渐变背景(gradient)效果
- [CSS] - 实现兼容性的渐变背景(gradient)效果
- CSS实现表格边框阴影和背景渐变效果
- css实现背景图片毛玻璃以及渐变色效果
- 使用TtransitionDrawable来实现图片颜色渐变过渡或者实现button的背景颜色渐变,很漂亮的效果
- css实现背景渐变效果
- CSS实现兼容性的渐变背景(gradient)效果
- CSS实现兼容性的渐变背景(gradient)效果
- CSS+Canvas+jQury实现图片灰度渐变效果
- 用CSS实现表格背景颜色渐变效果