0

構築中の Web サイトで奇妙なバグが発生しています。

Chrome/Firefox/Safari/IE10 を使用すると正常に動作します。しかし、IE9を使うと青色に！なにが問題ですか？

私はこのコードがそれを台無しにしているのではないかと疑っています (@colorOne、@colorTwo は実際の色に置き換えられています):

.gradient (@colorOne, @colorTwo) {
    background: @colorOne; /* Old browsers */
    background: -moz-linear-gradient(top,  @colorOne 0%, @colorTwo 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@colorOne), color-stop(100%,@colorTwo)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  @colorOne 0%,@colorTwo 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  @colorOne 0%,@colorTwo 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  @colorOne 0%,@colorTwo 100%); /* IE10+ */
    background: linear-gradient(to bottom,  @colorOne 0%,@colorTwo 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorOne', endColorstr='@colorTwo',GradientType=0 ); /* IE6-9 */
}
4

2 に答える 2

3

#topサイト内の要素およびその他の要素の CSS に、青色の Microsoft フィルター グラデーションがあります。ただし、特にヘッダーについて質問しているため、次を削除してください。

#top {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorOne', endColorstr='@colorThree', GradientType=1);
  /* Remove this from any other element you wish to be green */
}
于 2013-06-05T19:34:09.487 に答える
1

唯一の違いは、IE によってのみ解釈されるグラデーションです。

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorOne', endColorstr='@colorThree', GradientType=1

単にそれを削除します。

于 2013-06-05T19:35:12.510 に答える