【问题标题】:Is there a way to control opacity/transparency of the border color using CSS?有没有办法使用 CSS 控制边框颜色的不透明度/透明度?
【发布时间】:2011-03-12 07:04:32
【问题描述】:

有没有办法使用 CSS 控制边框颜色的不透明度/透明度?

【问题讨论】:

    标签: css transparency border opacity


    【解决方案1】:

    你可以试试 rgba 颜色

    border-color: rgb(255,255,255); /* fallback for IE */
    border-color: rgba(255,255,255, 0.4); /* RGBA for the ones supporting it */
    

    最后一个是(alpha)不透明度。 但是 IE 不支持,所以需要备用版本

    【讨论】:

    • 这在任何浏览器中都不起作用,因为元素的背景颜色在边框后面。
    • 这取决于您要达到的目标。他接受了,这意味着他的问题已经解决了。
    【解决方案2】:

    试试border: 5px solid rgba(255,0,0,0.5); -- alpha 通道是最后一个参数。

    注意:并非所有浏览器(阅读:Internet Explorer)都支持此功能。

    【讨论】:

      猜你喜欢
      • 2015-03-09
      • 2021-03-01
      • 2012-07-11
      • 2014-03-22
      • 2019-07-07
      • 2013-02-05
      • 2012-03-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多