html - 自版本 12 起，Opera 中带有 "opacity: 0"的可见选择元素

Question

Demo .在 Opera 中，自第 12 版以来，选择是可见的，尽管“不透明度:0”!在版本 11.x 中，没问题。在其他浏览器中它看起来没问题。

此外，我制作了没有复杂 css 的简单演示，其中“opacity 0”-select -- 它实际上是透明的!我的样式有问题，我找不到问题所在。

Answer 1

为了解决这个问题我添加了新的样式

 .selectnewstyle
            {
                position: relative;
                left: -160px;
                opacity: 0;

                width: 160px;
                padding: 4px 4px;
            } 

并将其应用于选择

<select class="selectnewstyle" id="catid" name="catid">

这一定是兼容性问题，每个不同的浏览器大脑是如何工作的

这里是修改后的demo

demo on opera 12 working

更新

令人惊讶的是，解决方案是在 div 和选择标签之间添加一个空格，我不知道为什么它只是 jsfiddle 错误；看上面的演示