IE가 RGBa 배경 color_javascript 기술을 지원하도록 만드는 코드

위 코드:

<title>데모</title> <style type="text/css"> #div1 { padding: 10px; width: 380px; height: 205px; background: url(/upload/201007/20100713220102894.jpg); } #div2 { color: #FFF; font-size: 40px; font-weight: bold; text-align: center; height: 205px; line-height: 205px; background: rgba(125, 0, 0, .3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000 ,endColorstr=#4B7D0000); } </style> <div id="div1"> <div id="div2"> 안녕하세요! </div> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

DXImageTransform .Microsoft.gradient 필터 미러의 startColorstr 매개 변수 값은 #AARRGGBB 형식입니다. 여기서 AA는 불투명도를 나타내는 16진수, 00은 완전 투명, FF는 완전 불투명, 소수점 범위는 0~255, 나머지 RRGGBB는 다음과 같습니다. 색상 16진수 코드입니다. 예제에서 background: rgba(125, 0, 0, .3); 은 불투명도가 30%인 빨간색 배경을 나타냅니다. 30% 불투명도를 16진수로 변환하는 방법은 무엇입니까? 매우 간단합니다. 먼저 #AA의 10진수 x를 계산하면 x/255 = 3/10이고 해는 x=3*255/10입니다. 그런 다음 x를 16진수로 변환하면 대략 4B와 같습니다.

아래에 예제에 사용된 사진이 첨부되어 있습니다.

작성자: Zhou Mingzhi
기사의 일부 출처: RGBa 브라우저 지원