パソコンQ&A

buttonタグにposition:relativeを指定すると基準位置がずれる

buttonタグにposition:relativeを指定すると基準位置がずれる。
特にbuttonタグをブロック要素に変更すると大幅にずれる。

対象ブラウザ

Windows
Firefox1
Firefox2
Mac
Firefox1
Firefox2

回避方法

buttonタグにposition:relativeを指定せず、position:relativeを指定したspanタグでbuttonタグの内包要素を囲う。
buttonタグで表示されるボタンを完全に消すにはborder:noneとbackground-color:transparentを指定します。

関連プロパティ

positionボックスの配置方法(基準位置)を指定する
display要素の表示形式(ブロック・インライン)を指定する


主要ブラウザに非対応

このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net