我在页面中有一个对象类型标记,用于显示pdf文件.一切都运行正常,但在Internet Explorer中,我的子菜单隐藏在对象标签后面.
var objectTag = $('<object></object>')
.attr({ data: sourceURL + '#nameddest=self&page=1&view=FitV'
|| '', type: mimeType || '' })
.css({ width: '100%', height: '100%', zindex:'1' });
Run Code Online (Sandbox Code Playgroud)
请找到红色高亮区域.

我尝试了很多东西.请不要建议z-index的事情.
我的问题是我的偏色方案样式仅适用于 Firefox 而不适用于 Chrome。
这是代码的示例。现在我认为无论出于何种原因,这可能是我的某些 HTML 的问题。
@media (prefers-color-scheme: dark) {
body {
background-color: red;
}
}Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<body>
<h1>test</h1>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
现在我在一个完全不同的文件中对此进行了测试,它在 Firefox 中有效,但在 Chrome 中无效。有没有人有任何原因以及如何解决这个问题?