teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

質問を明確に変更しました。

2016/02/22 10:09

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- ブラウザsafari(PC,iPhone)でjQuerycss3「keyframe」が動作しない
1
+ jQueryのcss3「keyframe」がブラウザsafari(PC,iPhone)のみcssを取得しない
body CHANGED
@@ -1,5 +1,10 @@
1
- 実現しないことは、以下のソースでfirefoxchromeでは問題なく動作するのですが、safari(PC,iphone)で見たときに、動作せず停止状態となっております。
1
+ 実現しないことは、以下のソースでfirefoxchrome、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
- 補足○keyframeは別途記述しております。
22
+ left:-200px;
23
+
24
+ }
25
+ ```

1

検証したところブラウザsafariでのみ動作がしませんでした

2016/02/22 10:09

投稿

退会済みユーザー
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
- 実現しないことは、以下のソースでPCでは問題なく動作するのですが、スマートフォン(iPhone)で見たときに、動作せず停止状態となっております。
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
- //move2
10
+
11
11
  ```
12
12
  原因が分かる方、ご教授いただけますでしょうか。
13
13
  補足○keyframeは別途記述しております。