角が丸い半透明ブロック

丸みを帯びた半透明ブロックの実装の独自バージョンを公開します。 クロスブラウザ、完全にゴム。 3つのdivすべてについて。 おもしろい?

せっかちな人のために、すぐにリンク例を示します。
1年前に、そのようなブロックを作成するように申し出られた場合、Internet Explorerバージョン6ではそれをうまく実装することはできないと言って拒否します。 おそらく空腹でそのようなブロックを構成するでしょうが、これには少なくとも9 divが必要です。 しばらく前に、デルカデルカから魔法のペンデル受け取り非常に有用な記事を読んで、かなり簡単なクロスブラウザソリューションを見つけました。

短所は、いつものように利用可能です。 コーナーとフレームの利用可能なすべての画像を1つのスプライトに収集することはできませんでした。 IE6には8つの画像すべてが必要です。 通常のブラウザの場合、6で十分です。IE7の場合、すべての画像を1つにまとめることができます:) IE6-7のかさばるスタイルファイルは避けられないと見なされます...

経験豊富な専門家に何かを驚かせたとは思いませんが、初心者のタイプセッターやコピー貼り付け者にとっては、このような方法が役立つことを願っています。

FF3、NN9、IE6-7、Opera 9.2-9.5、およびSafari(すべてWin)でテスト済み。

Source: https://habr.com/ru/post/J30181/


All Articles