0

しばらくの間取り組んできた新しいイントラネットを公開しました。すべてが良いです（避けられないユーザー中心の問題といくつかのバグを除いて）

しかし、何らかの理由で私のcss線形グラデーションが機能していないことが明らかになりました（問題を修正するためにコードをハッキングするのではなく、実際にフロントエンドを見る機会があります）。

テスト環境（localhost）で同じサイトを表示すると、グラデーションがすべての栄光で機能するため、これは私には非常に奇妙です。同じPC、同じブラウザ（2つのタブが開いている、1つはローカル、もう1つは外部）

他のすべてのcss（同じスタイルファイル内）は正常に機能します。

#PageTitleBox{
position:absolute;
left:0px;
top:2px;
width:169px;
z-index:3;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background-color:#A9D4CC;
background-image: -webkit-linear-gradient(180deg, #A9D4CC, #7DB4B3);
background-image: -moz-linear-gradient(180deg, #A9D4CC, #7DB4B3);
background-image: -o-linear-gradient(180deg, #A9D4CC, #7DB4B3);
background-image: linear-gradient(180deg, #A9D4CC, #7DB4B3);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#7DB4B3', endColorstr='#A9D4CC')";
height: 55px;}
4

2 に答える 2

1

わかった。IE9 を互換表示に切り替えた可能性があると思います。(http://stackoverflow.com/questions/3726357/why-does-ie9-switch-to-compatibility-mode-on-my-website)。

HTML HEAD に含め<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>て、これを行わないように IE に指示するか、サーバーを使用して同等の HTTP 応答ヘッダーを設定できます。

ライブ サーバーが IE によってイントラネット ゾーンの一部であると見なされていることが理由である場合、IE はとにかくこれを無視する可能性があります。その場合、互換表示設定で、イントラネット サイトに互換表示を使用しないように IE を構成する必要があります。

于 2012-09-28T09:59:22.117 に答える
0

グラデーション オブジェクトの 'Enabled' プロパティを true に設定できます。

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1, startColorstr='#7DB4B3', endColorstr='#A9D4CC')";
于 2012-09-28T09:44:02.750 に答える