0

html

<div></div>

CSS

div{
    width: 500px; 
    height: 500px; 
    background: linear-gradient(to top, #00f, #fff);
}

グラデーション効果のためにIEを機能させる方法を知っている人はいますか?

私も申請filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f', endColorstr='#fff'); しましたが、ieでは動作が異なります。これをテストページで確認し、コピーして貼り付けてから、それらの違いを確認してください。IEは色が濃い。

4

2 に答える 2

2

これは、クロスブラウザーソリューションに必要なものです。

background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,0,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(0,0,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,0,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0000ff',GradientType=0 );

これが実際の例です。また、これには勾配ジェネレーターを使用することをお勧めします。あなたの人生をずっと楽にします。たとえば、カラージラを試してください

于 2013-04-24T04:21:27.690 に答える
1

try this one

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0000ff', GradientType='0');
于 2013-04-24T04:19:40.477 に答える