角が丸い半透明ブロック

丸みを帯びた半透明ブロックの実装の独自バージョンを公開します。 クロスブラウザ、完全にゴム。 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）でテスト済み。