1

ほとんどのブラウザーでは問題なく見えるカスタム テンプレートを使用した Joomla3 Web サイトがありますが、IE8 ではひどいものです。多くの要素は背景色を拾っていないようで、ただ白です。

たとえば、フッターには通常、背景色があります。template.css ファイル (bootstrap とカスタムの template.less ファイルからコンパイル) を見ると、フッターの書式設定が表示されます。

.footer  .container {
  padding: 5px;
  border: 3px solid #bbbbbb;
  padding-top: 0px;
  border-top: 0px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  background-color: rgba(245,248,250,0.7);
}

しかし、ie8 のウェブサイト開発ツールを使用して (Mac のワインを介して - それが違いを生む場合に備えて)、なぜ ie8 で単に白なのかを調べると、

スクリーンショット

これは、 .footer .container の background-color が無視されていることを示しているようです。これはなぜでしょうか？これは、less コンパイラによって rgba 形式にコンパイルされているためですか?

これについての助けと、私がそれを解決する方法を教えてくれてありがとう。

4

3 に答える 3

2

IE8 でサポートされていないなどの CSS3 の色が機能rgba()しないのはそのためです。

background-colorIE8 でのサポートが必要な場合は、別の方法で を指定する必要があります。透明度が失われても構わない場合は、background-color:rgb(245,248,250);または..background-color: #F5F8FA;

http://caniuse.com/css3-colorsを参照

于 2013-10-11T20:15:06.707 に答える
1

できることは、Web サイトに css3.js をインポートすることです。この JavaScript ファイルを使用すると、通常はサポートされていない古いブラウザーで動作する CSS3 属性を使用できます。

http://imsky.github.io/cssFx/

それをインポートしたら、以前と同じように次を使用できます。

background-color: rgba(245,248,250,0.7);

安全を期すために、念のため、次のようにフォールバックを行うことは常に良い習慣だと思います。

background-color: #F5F8FA;
background-color: rgba(245,248,250,0.7);

フォールバックが前に来ることに注意してくださいrgba()

お役に立てれば

于 2013-10-14T03:47:33.127 に答える