jekylog

All doggs wanna be a Geek

IE7のborder-style、border-widthのバグ

ちょっと分かりづらいので実例を。

border-top、border-bottomともに同じborder-widthならborder-styleが違っても普通に問題ない。 ところがborder-topとborder-bottomの値が同一でない場合、dottedを指定したborderのドット幅がおかしくなる。

IE系のバグは大抵hasLayoutプロパティをtrueにすれば解決するけどこれに関しては解決策はないっぽい。 border-widthを同一にするかコンテナ作ってtop、bottomを分けるくらいしかなさそう。 他に解決方法あれば知りたい。

Fork me on GitHub