回答編集履歴
3
background-sizeを使わないで実装しなきゃ意味がなかった
answer
CHANGED
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
.l-mainvisual{
|
|
15
15
|
height: 375px;
|
|
16
16
|
background: url(http://androidcentral.us/wp-content/uploads/2014/06/low-poly-texture-18.png?541271) center no-repeat;
|
|
17
|
-
background-size:cover;
|
|
18
17
|
}
|
|
19
18
|
```
|
|
20
19
|
|
2
リンクつけました
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
background-sizeプロパティはandroid4.3以下だと未サポートの可能性が高いですね。
|
|
2
|
-
http://caniuse.com/#search=background-size
|
|
2
|
+
[http://caniuse.com/#search=background-size](http://caniuse.com/#search=background-size)
|
|
3
3
|
|
|
4
4
|
jQueryを利用して対応させることができないですかね。
|
|
5
5
|
参考URL：[[jQuery]IE8でCSS3のbackground-size:coverを扱う](http://emiac-works.com/coding/jquery/jquery-ie8-use-css3-background-size/)
|
1
jsの記述追加
answer
CHANGED
|
@@ -16,4 +16,12 @@
|
|
|
16
16
|
background: url(http://androidcentral.us/wp-content/uploads/2014/06/low-poly-texture-18.png?541271) center no-repeat;
|
|
17
17
|
background-size:cover;
|
|
18
18
|
}
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
```javascript
|
|
22
|
+
$(function(){
|
|
23
|
+
$('.l-mainvisual').backgroundcover({
|
|
24
|
+
safearea: "10%,50%,10%,10%"
|
|
25
|
+
});
|
|
26
|
+
});
|
|
19
27
|
```
|