質問編集履歴
2
質問を明確に変更しました。
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
ブラウザsafari(PC,iPhone)
|
1
|
+
jQueryのcss3「keyframe」がブラウザsafari(PC,iPhone)のみcssを取得しない
|
body
CHANGED
@@ -1,5 +1,10 @@
|
|
1
|
-
実現しないことは、以下のソースでfirefox
|
1
|
+
実現しないことは、以下のソースでfirefox、chrome、IEでは問題なく動作するのですが、
|
2
|
+
safari(PC,iphone)ではcssの取得がされません。
|
2
3
|
|
4
|
+
原因が分かる方、ご教授いただけますでしょうか。
|
5
|
+
|
6
|
+
keyframeは、別途cssに記載しております。
|
7
|
+
|
3
8
|
```ここに言語を入力
|
4
9
|
$(function () {
|
5
10
|
$('.thumb-1').css({
|
@@ -9,5 +14,12 @@
|
|
9
14
|
|
10
15
|
|
11
16
|
```
|
17
|
+
|
18
|
+
```ここに言語を入力
|
19
|
+
.thumb-1{
|
12
|
-
|
20
|
+
position:absolute;
|
21
|
+
top:-100px;
|
13
|
-
|
22
|
+
left:-200px;
|
23
|
+
|
24
|
+
}
|
25
|
+
```
|
1
検証したところブラウザsafariでのみ動作がしませんでした
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
iPhoneでjQueryのcss3「keyframe」が動作しない
|
1
|
+
ブラウザsafari(PC,iPhone)でjQueryのcss3「keyframe」が動作しない
|
body
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
実現しないことは、以下のソースで
|
1
|
+
実現しないことは、以下のソースでfirefoxとchromeでは問題なく動作するのですが、safari(PC,iphone)で見たときに、動作せず停止状態となっております。
|
2
2
|
|
3
3
|
```ここに言語を入力
|
4
4
|
$(function () {
|
@@ -7,7 +7,7 @@
|
|
7
7
|
'-webkit-animation': 'move1 25s ease-in-out -' + Math.random() * 25 + 's infinite alternate forwards running'});
|
8
8
|
});
|
9
9
|
|
10
|
-
|
10
|
+
|
11
11
|
```
|
12
12
|
原因が分かる方、ご教授いただけますでしょうか。
|
13
13
|
補足○keyframeは別途記述しております。
|