質問編集履歴
3
タグの変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
2
動作環境の更新とタイトルの変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Safariでtrタグに対するbackground-imageの仕様
|
test
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
以下のソースはWindows
|
|
1
|
+
以下のソースはWindowsの各種ブラウザ（IEを除く）で見たときに『終了しました』という背景画像が`tr`に対して中央に表示されるのですが、macのSafariおよびiPadOSのSafari・Chromeで見たときに`th` `td`の2箇所に対して中央表示されます。
|
|
2
|
-
|
|
2
|
+
|
|
3
|
-
ブレイクポイント以下で`th` `td`を`display:block`に変えると期待通りの表示になるので、おそらく`display:table-cell`が原因だと思うのですが、
|
|
3
|
+
ブレイクポイント以下で`th` `td`を`display:block`に変えると期待通りの表示になるので、おそらく`display:table-cell`が原因だと思うのですが、Safari等でも『終了しました』という画像を`tr`に対して表示させるにはどうしたらいいでしょうか？
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
-
##動作確認環境
|
|
7
|
+
##正しく表示されない動作確認環境
|
|
8
|
+
|
|
8
|
-
|
|
9
|
+
- Windows10のIE11
|
|
10
|
+
|
|
9
|
-
macOS
|
|
11
|
+
- macOS10.15のSafari最新版（Chrome最新版では異常なし）
|
|
10
|
-
|
|
12
|
+
|
|
11
|
-
iOS
|
|
13
|
+
- iPadOS13.6のSafari最新版
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
12
|
-
|
|
17
|
+
##該当ソース
|
|
13
|
-
|
|
14
18
|
|
|
15
19
|
```html
|
|
16
20
|
|
1
動作環境を追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
##動作確認環境
|
|
8
|
+
|
|
9
|
+
macOS 10.15.6のSafari 14.0と
|
|
10
|
+
|
|
11
|
+
iOS 13.6.1のSafari最新版です
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
7
15
|
```html
|
|
8
16
|
|
|
9
17
|
<table class="scheduleTable">
|