0

私はIEとFirefoxでうまく機能するようなコードを使用しています：

 .tytulmalykom {
    color:#666666;
    font-size:11px;
    font-variant:small-caps;
}

このコードをOpera、Safari、Chromeでのみ使用したいと思います。

 .tytulmalykom {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
}

私のスタイルシートはすべてstylesheet.cssファイル内にあります。

これまでのところ、私は非常に多くのリンクrelを使用しています。

<link rel="stylesheet" href="files/stylesheet.css" type="text/css" />
<![if !IE]><link rel="stylesheet" type="text/css" href="files/firefox.css" media="screen" /><![endif]>
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="files/ie7.css" /><![endif]-->
4

1 に答える 1

0

この問題を解決するために私がしたことは次のとおりです。

各ページに追加しました：

<style type="text/css">

@-moz-document url-prefix() { 
    .tytulmalykom { font-variant:small-caps; text-transform:none }
}
</style>

それから

stylesheet.css内：

.tytulmalykom {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
}

およびie7.css：

.tytulmalykom {
    font-variant:small-caps;
}

firefox.cssには他に何も必要ありません

于 2012-06-27T22:40:02.693 に答える