HOME > 社員ブログ > 勝手に伸びてくれるという風潮

勝手に伸びてくれるという風潮

こんにちは。
ブロックレベル要素やdisplay:blockした要素の中に画像を入れると、その要素の高さは勝手に伸びてくれる…
そんな便利なインターネッツだと今日まで思っていました。

が、そうではないことを今日発見しました。

ChromeだとかIEだとかFirefoxでは問題ないのに、Safariでは伸びない…。

hoverしたときにdisplay:blockしたaタグの背景をごにょごにょするという場面で、Safariだけ背景が変わらない、という事案です。

解決策は一発。

「高さをきっちり指定してあげる」

これでよいのですが、Safariだけ挙動が違うっていうのがなんとも。

「転ばぬ先の杖」的に、決まりきっている長さはきっちり指定してあげるのが安全、というお話でした。

カテゴリー：社員ブログ

タグ：

ソフトシンクの社員が日々のあれこれをつづります…