演示。从第 12 版开始,在 Opera 中选择可见,尽管“不透明度:0”!在版本 11.x 中没问题。在其他浏览器中看起来还可以。
另外,我做了一个没有复杂css的简单演示,“不透明度0”-select在哪里——它实际上是透明的!我的风格有问题,我找不到是什么。
为了解决这个问题,我添加了新样式
.selectnewstyle
{
position: relative;
left: -160px;
opacity: 0;
width: 160px;
padding: 4px 4px;
}
并将其应用于选择
<select class="selectnewstyle" id="catid" name="catid">
这一定是一个兼容性问题,每个不同的浏览器大脑是如何工作的
这是修改后的演示
更新
令人惊讶的是,解决方案是在 div 和 select 标签之间添加一个空格,我不知道为什么它只是 jsfiddle 错误;看上面的演示
您还可以使用另一个 CSS 规则:
visibility: [visible | hidden]
它几乎像不透明度一样工作。唯一的区别是它与音频浏览器的拼写方式。但视觉渲染与规则相同opacity
。