Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Code to make IE support RGBa background color_javascript skills

Code to make IE support RGBa background color_javascript skills

WBOY
Release： 2016-05-16 18:23:24
Original
1335 people have browsed it

Above code:


[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

DXImageTransform.Microsoft.gradient filter The startColorstr parameter value in the mirror is in the form of #AARRGGBB, where AA is hexadecimal representing opacity, 00 means completely transparent, FF means fully opaque, the decimal range is 0~255, and the remaining RRGGBB is the color hexadecimal code. In the example, background: rgba(125, 0, 0, .3); represents a red background with 30% opacity. How to convert 30% opacity to hexadecimal? It's very simple. First calculate the decimal x of #AA, x/255 = 3/10, and the solution is x=3*255/10, and then convert x to hexadecimal, which is approximately equal to 4B.

Attached below are the pictures used in the examples:
Code to make IE support RGBa background color_javascript skills
Author: Zhou Mingzhi
Part of the article comes from: RGBa Browser Support

Related labels：
ie rgba background color
source：php.cn
Previous article：Use cookies to save website history browsing history example code_javascript skills Next article：SWFObject 2.1 or above version syntax introduction_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Where should I start to make this page responsive? <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
From 2024-04-04 21:21:25
0
1
457
How to get input value through onblur event? I'm trying to get the value input via onblur event but it doesn't work when I use JS modul...
From 2024-04-03 08:55:32
0
1
360
Unable to send data from axios to node server returning empty object My client code: <htmllang="en"><head><metacharset="UTF-8&quo...
From 2024-03-31 11:14:22
0
1
2476
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template