CSS3でグラデーションと背景画像を組み合わせた指定方法がわからなかったので調べてみた。
タグ: CSS
様々な端末で閲覧可能(マルチデバイス)に対応するためのCSSの書き方
ちょっと解決までハマった症状をメモ。aタグで入れ子にしたインライン要素をCSSでdisplay:blockと指定し、さらに幅指定すると、IE(IE6、IE7、IE8)でリンクの認識をしないという摩訶不思議な現象。
IE6でも「first-child」を適用させる方法がありました。CSSに javascript 記述して適用させるという、ちょっと変わった方法です。
IEのために指定してる「filter:alpha(opacity)」が効かないという現象があった。 これは要素に対して background-colorだけを指定した場合がダメっぽい。 高さとか幅を指定するとなおった。 styleの指定 .[…]
テンプレートファイルにclassやidを追加できないため、CSSの疑似クラスを指定したんだけど、ちゃんと効かなくて困ってた。 でもよく調べてみたら自分の認識違いだった。 「first-child」という疑似クラスについて、これは”ある要素内[…]
Yahoo!開発チームが検証した指定方法でブラウザ間のフォントサイズを統一できる。 以下の指定で基準フォントサイズが100%=13pxとなる。 body { font: 13px; *font-size: small; *font: x-s[…]
リストなどをfloatさせ、その親要素に背景やボーダーを設定してると、親用要素の枠から子要素が飛び出して表示される場合がある。 一般的な解決方法としてclearfixを指定するが、今回、clearfixを指定しても解決しなかった。 (IEは[…]
ボーダーの4辺をCSSで指定し3辺を transparent で消す。 :beforeでテキストの左 , :after で右に表示できる。(IE6, IE7は不可) #test:before { border-bottom: solid 1[…]
コーディングが3倍早くなる(かもしれない)というzen-cordingを入れてみました。 zen-cording とは通常のHTMLタグを短縮したか形式で入力でき、一括で展開するHTMLエディタのプラグインのようなものです。 div#con[…]