小编Kur*_*t W的帖子

我在 Safari（移动和桌面）中无法在前台呈现HTML 元素的可见性问题，我已经花了至少 8 个小时的专门故障排除试图解决这个问题。

我所追求的概念似乎很简单；我正在尝试显示几个标签（<p>'s 和<a>'s 在 a <div>that is 中position:absolute;。我正在利用强制绝对定位的 3rd 方 Javascript 覆盖流，但我愿意进行任何修改以使其正常工作.

我很自然地认为这是一个z-index只影响 Safari的问题，但在 Chrome、IE、Edge 和 Firefox 中没有渲染问题，包括 Android 移动设备。

当查看来自 iOS/Safari 和可能的 macOS 的媒体封面时，可以在 www.bibleanthem.com 上轻松重现该问题；在它最初加载的一瞬间，元素是可见的，然后专辑插图移动到前台。您还可以在专辑插图下边缘的角落看到轻微的“+1”标志。您甚至可以单击两个不可见按钮所在的位置并与文档进行交互（例如立即播放歌曲或添加到播放列表）。

我试过的

• 更改（和 IIRC 完全放弃）transform每个 Coverflow 项目的使用情况（请参阅下面的“其他详细信息”部分以获取重要说明）
• z-index 变化（包括荒谬的大值，如 10000000000000）
• position为父 div更改为固定的、相对的、粘性的
• 将position子元素更改为固定的、相对的、粘性的
• 改变display块和内联块之间
• 更改overflow层次结构中的大多数元素

附加细节

• 我过去曾看到 Safari 不能很好地与transform;一起玩的问题。这可能是这里的问题，症状与我过去的经历非常相似，但我无法解决问题。这就是我猜测问题实际存在的地方。

每个 Coverflow 项目的渲染 HTML

<div style="position: absolute; …

我找不到确定哈希中是否存在键值对的方法。

h4 = { "a" => 1, "d" => 2, "f" => 35 }

我可以使用Hash#has_value?和Hash#has_key?单独查找有关键或值的信息，但如何检查是否存在一对？

我所追求的伪代码：

if h4.contains_pair?("a", 1)

我有一个以下所示格式的哈希数组,我试图:book根据一个单独的数组对哈希的键进行排序.订单不是按字母顺序排列的,对于我的用例,它不能按字母顺序排列.

我需要根据以下数组进行排序:

array = ['Matthew', 'Mark', 'Acts', '1John']

请注意,我已经看到了一些利用的解决方案Array#index(例如,基于排序值数组对哈希数组进行排序)来执行自定义排序,但这不适用于字符串.

我试着整理的各种组合Array#sort和Array#sort_by,但他们似乎并不接受客户订单.我错过了什么？预先感谢您的帮助!

哈希数组

[{:book=>"Matthew",
  :chapter=>"4",
  :section=>"new_testament"},
 {:book=>"Matthew",
  :chapter=>"22",
  :section=>"new_testament"},
 {:book=>"Mark",
  :chapter=>"6",
  :section=>"new_testament"},
 {:book=>"1John",
  :chapter=>"1",
  :section=>"new_testament"},
 {:book=>"1John",
  :chapter=>"1",
  :section=>"new_testament"},
 {:book=>"Acts",
  :chapter=>"9",
  :section=>"new_testament"},
 {:book=>"Acts",
  :chapter=>"17",
  :section=>"new_testament"}]