2011-08-29 22 views
13

Để tạo một gradient tuyến tính trong Internet Explorer tôi sử dụng để áp dụng này (khủng khiếp) mã:Tạo ra một gradient xuyên tâm cho Internet Explorer 6/7/8

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828', EndColorStr='#185976');

Tôi tự hỏi thời tiết tồn tại một cách để tạo một gradient xuyên tâm sử dụng bộ lọc và DXImageTransoform?

Trả lời

33

Live Demo

#element{ 
    background: #fff; /* The color you want for the radial gradient */ 
    width:100px; 
    height:100px; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2); 
} 

Link where I got the info

Radial Gradient

Đối với Radial Gradient chúng ta phải tạo ra một div-yếu tố. Phần tử này là Lớp phủ cho nền. Hơn chúng ta sẽ sử dụng Alpha-Filter. Alpha sẽ làm cho phần tử này trong suốt theo một kiểu đặc biệt. style = 2 là một alpha hình tròn. Điều này có nghĩa là trung tâm của phần tử sẽ là đầy đủ màu (opacity = 100) và độ mờ sẽ mất đến các cạnh (finishopacity = 0)

+2

brilliant !! nó thậm chí còn hoạt động với hình nền bên dưới nó! http://jsfiddle.net/edr4M/ Tôi không chắc chắn về nền: minh bạch; nhưng thats không có gì 1px transparent.gif không thể sửa chữa ..! –

+1

Tôi đã mạo hiểm việc ký kết bảo mật của tài khoản của tôi lên SO của tôi trên một mạng không xác định để cung cấp cho bạn một khoản tối đa. Cảm ơn (kỷ niệm 3 năm) – th3byrdm4n

+0

@ th3byrdm4n haha ​​cảm ơn, vui mừng câu trả lời này vẫn hữu ích – Loktar

Các vấn đề liên quan