Css/browser compatibility/joomla

Question

申し訳ありませんこれまでに回答されている可能性がありますが、私は本当に特定の状況の特定の答えを行うことができます。私は基本的なCSS以外のものには全く新しいです。

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

私は、Joomla CMS（version2.5）を使ってこれを慈善団体のためにまとめました。

Firefoxでこのサイトを見ると、それは見た目の意味が分かりません。 これはChromeでうまくいき、Operaの簡単に解決できる位置付けの問題とは別に通用します。

私たちはIEに接続して、ちょうどのバックグラウンドを追加しました：＃485fc5;私が望むように部分的にレンダリングするようにして、フォーム上にbgを得るために同じことをします。

IEで受け入れられるように、私はスタイリングのいくつかの他の方法を模索したいと思います。グラデーションやテキストシャドーイングをグラフィックスに置き換えるルートを下ろうとは思わない。

誰かがIEで閲覧した場合にのみ呼び出される一連のCSSがありますか？もしそうなら、どうしたらいいですか？これはハックとして知られていますか？

他の可能性は、Joomlaを使用しているときに、特定のコンテンツにいくつかのインライン・スタイリングを入れなければならなかったことです。生成されたコードの一部が欠けているかもしれないと思います。これはレンダリングの仕方に影響しますか？

また、私は急いで（怠惰に）c &のcssの塊をp'edし、それを私の既存の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)); 
} 

Answer 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; 
} 

この方法であなただけのグラデーション、半径または他のCSSプロパティの数十を扱うことができないIEだけでなく、他のブラウザをターゲットにすることはできません。

さらに、単純なグラデーション、ボーダー半径、ボックスシャドウの場合は、CSS3 PIEを使用すると、IE（6以降）でこれらの機能を使用できます。