鍍金池/ 問答/HTML5  HTML/ 谷歌瀏覽器十六進(jìn)制顏色的 8位顏色兼容性問題 / hex顏色加透明度

谷歌瀏覽器十六進(jìn)制顏色的 8位顏色兼容性問題 / hex顏色加透明度

clipboard.png

之前無意間發(fā)現(xiàn)，谷歌瀏覽器支持在十六進(jìn)制顏色后加兩位數(shù)的顏色模式，即8位數(shù)的顏色，最后兩位表示透明度。

后來我覺得種顏色模式非常好用，于是就用于了平時的代碼中，可是后來發(fā)現(xiàn)這種8位顏色的寫法 并不兼容其他某些瀏覽器，所以請問一下 有沒有更了解這種方式的同學(xué) 可以分享一下經(jīng)驗(yàn)，或者這種8位顏色的寫法怎么做兼容性？

下面是我今天寫的一個測試，證明了8位數(shù)顏色的后兩位為透明度參數(shù)（后兩位從01~99，分別表示從透明度1%~99%）

clipboard.png

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        .box{
            width: 200px;
            height: 200px;
            background: #ff660090;
            z-index: 99;
            position: absolute;
            top: 100px;
            left: 100px;
        }
        .xxx{
            width: 200px;
            height: 200px;
            background: #000;
            z-index: 1;
        }
    </style>
</head>
<body>

    <div class="box"></div>
    <div class="xxx"></div>

</body>
</html>
回答
編輯回答
厭遇

不止0到99 實(shí)際是00 到FF 也是16進(jìn)制

2018年3月29日 15:20
編輯回答
孤島

用rgba不行嗎

2018年6月25日 21:00