ie 上的 RGBA 边框

发布于 2025-01-07 23:05:29 字数 628 浏览 0 评论 0 原文

所以我使用这个： border-left:1pxsolid rgba(96, 96, 96, 0.61); 当然在 IE 上不起作用，我找到了这个网站： http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer 为 IE 转换 RGBA 值，现在我如何使用 border- 调整下面的代码左边？

    {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060);   /* IE6 & 7 */
      zoom: 1;
}

原文

So I'm using this: border-left:1px solid rgba(96, 96, 96, 0.61); of course is not working on IE, and I found this site: http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer that converts RGBA values for IE, now how I adapt the code below with border-left?

    {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9B606060,endColorstr=#9B606060);   /* IE6 & 7 */
      zoom: 1;
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

对风讲故事 2025-01-14 23:05:29

要回退到 IE6+ 支持，您可以为 png 指定 bkgd 块，这是一种颜色，如果不支持，它将替换真正的 alpha 透明度。您可以使用 gimp 修复它，例如。

    <!--[if IE]>
       
       <style type="text/css">

       .color-block { 
           background:transparent;
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
           zoom: 1;
        } 
div {
   background: rgb(200, 54, 54); /* The Fallback */
   background: rgba(200, 54, 54, 0.5); 
}
        </style>

to fall back for IE6+ support, you can specify bkgd chunk for the png, this is a color which will replace the true alpha transparency if it is not supported. You can fix it with gimp eg.

    <!--[if IE]>
       
       <style type="text/css">

       .color-block { 
           background:transparent;
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
           zoom: 1;
        } 
div {
   background: rgb(200, 54, 54); /* The Fallback */
   background: rgba(200, 54, 54, 0.5); 
}
        </style>

回复收藏 0 原文

~没有更多了~