CSS

IE9でhoverが効かない

CSS

Internet Explorer 9でHTMLを表示したら、:hover属性で指定したCSSが無視されている。これはIE9がDoctypeから、HTMLの互換性(世代)を判断しているからだと思われる。 そのため、HTMLの先頭行でこのように宣言すれば、hoverを始めとする世代の新しいCSSディレ…

first-childとlast-child、要素数が1つしかない時

CSS

CSSでドロップダウンメニューみたいなのを作っているとき、一番上と一番下のノードだけを角丸で表現したい。 ul li:last-child a{ -moz-border-radius: 0 0 5px 5px; /* Firefox */ -webkit-border-bottom-left-radius: 5px; /* Safari、Chrome*/ -webkit-bo…

CSSで組んだメニューがSWFの下に潜る

CSS

embedに属性として、wmode="opaque"をつける。 あとはメニューのz-indexをこのSWFがあるdivのz-indexより大きめに設定すればよい。 positionはrelativeで。

CSSを使っていて、IEでli、ulなどのリストのlist-style-typeをnoneに指定してもどうしても出てきてしまう時の対処

CSS

IEはlist-style-imageの指定をすると画像が表示されない。 それで、 ul{ list-style-image:url(images/corner.gif); } のようにすると、リストの頭の丸や四角を消すことができる。