1

これが以前に回答された可能性がある場合は申し訳ありませんが、特定の一連の状況に対する特定の回答を実際に行うことができます. 私は基本的なcss以外はまったく初めてです。

私が言いたいことを説明する最良の方法は、さまざまなブラウザーでサイトを見ることです。http://www.livingwithaddicts.com/ .

Joomla CMS (バージョン 2.5) を使用して慈善団体のためにこれをまとめました。

このサイトを Firefox で見ると、(まだ完成していないので) このように表示されるはずです。Chrome では問題なく、Opera で簡単に解決できるポジショニングの問題を除けばまずまずです。

それから IE に行き、背景を追加しました:#485fc5; 私が望んでいたように部分的にレンダリングするようにするには、フォームの背景を取得するために同じことを行います。

IE で受け入れられるように、他のスタイリング方法を検討したいと思います。グラデーションやテキストのシャドウイングをグラフィックスに置き換えるという道をたどりたくありません。

誰かが IE で表示した場合にのみ呼び出される一連の CSS を使用する必要はありますか? もしそうなら、どうすればこれを行うことができますか? これはハックと呼ばれるものですか？

その他の可能性としては、Joomla を使用しているため、特定のコンテンツにインライン スタイルを適用する必要があり、生成されたコードの一部が推奨されていないか、少し面倒である可能性があります。これはレンダリング方法に影響しますか。

また、急いで (怠惰に) css のチャンクを c&p し、16 進数の値を変更して既存の css に組み込みました。先日webkitについて聞いたので、初心者です。

ここに貼り付けますが、あまり恥ずかしくないことを願っています。誰かが見て（または笑って）空想した場合は、してください。アドバイスをいただければ幸いです。これがコードです。

body {
    background:  #485fc5;       
    background-image: linear-gradient(bottom,  #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -o-linear-gradient(bottom, #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -moz-linear-gradient(bottom,  #485fc5 13%,#6e86ee 57%, #a0b0f5 79%);
    background-image: -webkit-linear-gradient(bottom,  #485fc5 13%,#6e86ee 57%, #a0b0f5 79%);
    background-image: -ms-linear-gradient(bottom,  #485fc5 13%, #6e86ee 57%, #a0b0f5 79%);
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, #485fc5),
    color-stop(0.57, #6e86ee),
    color-stop(0.79, #a0b0f5));
}
4

1 に答える 1

1

これはあなたの質問に対する具体的な回答ではありませんが、途中で役立つはずです。

特定の機能をサポートしていないブラウザーをターゲットにするには、Modernizrを使用します。IE を具体的にターゲットにすることはできませんが、特定のプロパティがサポートされているかどうかを示すクラスを body タグに追加します。次に、そのクラスを次のように使用して、それらをターゲットにできます。

/* target browsers that don't support gradients */
.no-cssgradients {
   background-image: url(some-gradient-image);
}

/* a randomly chosen element on a page that doesn't support border radius */
.no-cssborderradius #some-element {
  border: 1px solid red;
}

このようにして、IE だけでなく、グラデーション、半径、またはその他の多数の CSS プロパティを処理できない他のブラウザーもターゲットにすることができます。

さらに、単純なグラデーション、境界線の半径、およびボックスの影については、 CSS3 PIEを使用できます。これにより、IE (6 以降) でこれらの機能を使用できるようになります。

于 2012-04-12T12:29:39.297 に答える