当前位置:编程学习 > JS >>

CSS3网页渐变色背景,适用于IE

CSS3渐变色的背景,实现IE下含透明度变化红蓝垂直渐变的代码,仅适用于IE浏览器,其它浏览器可能会出现问题。稍后会发布其它浏览器适用的渐变色背景代码。
答案:<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>测试CSS3渐变色背景的代码</title>
<style type="text/css" rel="stylesheet">
.gradient{
    width:300px;
    height:150px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
}
</style>
</head>
<body>
<div class="gradient"></div>
</body>
</html>

上一个:子鼠CSS相册,图片切换展示代码
下一个:CSS3圆环倒计时效果,IE9以上运行

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,