0

http://www.visioville.fi/en/の私のサイトを参照してください (最新のスタイルについては visioville.fi/styles.css) 。

  • CSS3 トランジションは、フロント ページのニュースボックスと作品サンプル (またはギャラリー) で使用されています。最新のブラウザーでは問題なく動作しますが、古いバージョンのブラウザー (IE など) ではどうですか? 特定のブラウザーだけに割り当てることができるコードはありますか (たとえば、問題や壊れたギャラリーを回避するために、古い IE ブラウザーに「遷移」なしで大きなギャラリー画像をポップアップするように指示できますか)?

  • すべてのトランジションで CSS Validator からエラーが発生するのは問題ですか。たとえば、次のようになります。

    .big ul li img Property transition doesn't exist : width 1s ease

    そして私のコードは言う:

    .big ul li img { transition: width 1s ease; }

前もって感謝します。

4

2 に答える 2

0

oldrr ブラウザーはトランジションをサポートしていないため、トランジションを無視するだけで、スタイルの変更はアニメーションなしで行われます。

あなたの検証について：バリデーターがcss3を検証していないことが原因である可能性があるためだと思いますか？また、ベンダー プレフィックス (例: -webkit-) または -prefix-free などのスクリプトを使用して動的に追加するようにしてください。

于 2012-06-02T07:15:05.940 に答える
0

  1. そのための最善の方法は、プログレッシブ エンハンスメントを使用して開発することです。つまり、JS と CSS3 を使用せずにギャラリーをコーディングし (たとえば、新しいウィンドウで画像を開く)、CSS3 を適用してから JS を適用します。

  2. あなたのcssに問題はありません。transition-property はまだ草案の段階にあるため、正式には完成していません。これが、w3c バリデーターがその新しいプロパティを認識していないか、バリデーターがこの css-shorthand を認識していない理由です。

于 2012-06-02T07:03:42.213 に答える