あいうえ整体院お

角丸を表現する border-radius

作ったウェブサイトがちゃんと見られるか、safari、chrome、firefoxで確認しているんですけど、firefoxだけこの上の↑タイトルを四角で囲った部分の角丸が表現できなかったんです。

使ってるテーマのstyle.cssを見てみると、

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

と書いてあります。
この下の方の”-moz-border-radius:”がfirefox用の記述なんですけど、新しいfirefoxでは逆に”-moz-“が余計で理解できないみたい。

結局、上の行とまとめて,

    border-radius: 10px;

の一行で表示できました。
これで、多分古いブラウザでは逆に角丸が表現できていないはずです。

この作業をやってて、気になったのがブラウザのシェア。
firefoxがそんなにシェア多くないなら、わざわざfirefoxでも確認しなくてもいいかなと考えました。


日本のブラウザのシェアのグラフなんですけど、IEが未だ一位だとは…(chromeとAndroidを足せば逆転するかもと思ったら、Androidの標準ブラウザはchromeじゃないんですね)
ってことで、firefoxの確認もしたままで、IEでも確認作業しなきゃならない感じ。

Tagged on: ,