IE8ではbackground-sizeのcoverやcontainの設定ができず、
div内にimgとして横幅100%と設定するなどの対応がめんどくさいと思います。
どうしてもIE8での背景でcoverやcontainを使用したいという場合、backgroundSize.jsというjsを使用すると便利です。
記述は以下のように、背景指定したいdivを下記のように記述するだけです。
1 2 3 4 5 6 7 8 |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">$.debugBGS = true;</script> <script src="/js/jquery.backgroundSize.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("div").css({backgroundSize: "contain"}); }); </script> |
コメント