Opera6.x における CSS 実装の不具合

外部 CSS ファイルの取り込み

Opera6.xでは、 @media や @import 関係を、ほぼすべてサポートしているようです。つまり、以下の記述は、すべて認識されます。

@import 'style1.css';
@import 'style2.css' all;
@media screen,print{
p{color:red;}
}

ただし、複数mediaが記述された @import のみ認識されません。例えば、以下の記述は受け付けてくれません(Mozillaではサポートされている)。

@import "style3.css" screen,print;
@import url(style4.css) screen,print,tv;

以上の記述をうまく利用することにより、Opera対策を取れるかも知れません。

背景画像の不具合

インライン要素には、背景画像がつきません。
フォントの大きさを変えると、背景画像の表示がおかしくなります(輪郭が黒くなる)。 Opera では、文字のみならず画像なども拡大／縮小する機能があるのですが、その副作用である可能性が高いと思われます。

その他

posotioningとmarginの解釈が、MSIEやMozillaとやや異なります。leftプロパティを使うと、通常よりやや左寄りにレンダリングされます。 right プロパティを用いることで、この問題を回避することが出来ます。
text-indent:1emとすると、妙に大きな幅が取られます。
emの解釈が、 Mozilla や MSIE とは若干異なるようです。