divcss整數和百分比值的轉換的方法介紹

歡迎大家在這裡學習divcss整數和百分比值的轉換的方法!這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

v　　如何把整數轉換為百分數

前面提到了，使用百分數值代替整數值來表示紅、綠、藍三原色的量，最後得到的結果是相同的。0代表0%，255就表示100%。為了讓百分數等值，你只需要讓整數值除以255然後乘以100%就可以了。

上面的例子中，如果RGBA色彩值是rgba(255,242,0,0.5)，那麼

CSS Code復制內容到剪貼板

Red: (255/255) x 100% = 100%

Green: (242/255) x 100% = 94.9%

Blue: (0/255) x 100% = 0%

Alpha: 0.5

color: rgba(100%, 94.9%, 0%, 0.5);

如何把百分數轉換為整數

其實只要把上面的倒過來即可，即把百分比數值乘以255，再乘以100%(即乘以255後去掉百分號)

來個橙色的例子:

CSS Code復制內容到剪貼板

rgba(100%, 64.7%, 0%, 1)

結果:

CSS Code復制內容到剪貼板

Red: (100% x 255) / 100% = 255

Green: (64.7% x 255) / 100% = 165 (四捨五入到最接近的整數)

Blue: (0% x 255) / 100% = 0

Alpha: 1

轉化成整數後的值為:

CSS Code復制內容到剪貼板

rgba(255, 165, 0, 1)

浏覽器支持

RGBa顏色現在在Webkit 和Gecko 核心的浏覽器被支持，IE各個版本的浏覽器和Opera還都不支持。就像Chris在他關於RGBa的精彩的文章裡 提到的，你可以使用一個標准的RGB顏色為那些不支持的浏覽器指定一個向下兼容的屬性。

CSS Code復制內容到剪貼板

div {

background: rgb(200, 54, 54); /* The Fallback */

background: rgba(200, 54, 54, 0.5);

}

另一個漸進增強或適度降級的例子

好了，divcss整數和百分比值的轉換的方法內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

divcss使用RGBA設置透明度的方法是什麼