支持IE浏览器的渐变效果

最新推荐文章于 2022-02-22 20:15:50 发布

邢管家

最新推荐文章于 2022-02-22 20:15:50 发布

阅读量1.2k

点赞数

分类专栏：前端网页文章标签： html 邢思翔浏览器 ie

本文链接：https://blog.csdn.net/xsxlff1314/article/details/78280158

版权

前端网页专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<div class="gradient">支持ie浏览器</div>

css部分

.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=yellow,endcolorstr=red,gradientType=1);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=yellow,endcolorstr=red,gradientType=1);
background:-webkit-linear-gradient(left,yellow,red);}

<div class="gradient">支持ie浏览器</div>

效果图：