我有这样的东西:
.HTML:
<body style="overflow: hidden;">
<div class="test"></div>
</body>
CSS/LESS:
body[style*="overflow: hidden"] {
.test {z-index: 1;}
}
当主体有内联样式溢出时:隐藏,我正在尝试为测试div 提供一些样式。这适用于所有浏览器,所有Android设备,但在iOS(iPhone x,8等(上不起作用。没关系 野生动物园 or 铬 在 iOS 上不起作用。
有什么建议吗?
我认为它必须完全匹配。尝试不带星号 (*(。
body[style="overflow: hidden;"] {
.test {z-index: 1;}
}
样式需要完全匹配。
但是,我建议您为此使用类,上面的代码非常丑陋。
试试这个:
.HTML
<body class="overflow-hidden">
<div class="test"></div>
</body>
.CSS
.overflow-hidden .test {
z-index: 1;
}
少/少
.overflow-hidden {
.test {
z-index: 1;
}
}