自版本12起,Opera中的“opacity:0”可见选择元素

时间:2012-06-26 08:59:41

标签: html css opera

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

另外,我做了没有复杂css的简单演示,其中“opacity 0” - 选择 - 它实际上是透明的!我的风格出了点问题,我找不到。

2 个答案:

答案 0 :(得分:1)

解决这个问题我添加了新风格

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

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

并将其应用于选择

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

这必须是兼容性问题,每个不同的浏览器大脑如何工作

这是经过修改的演示

demo on opera 12 working

<强>更新

令人惊讶的是,解决方案是在div和select标签之间添加一个空格,我不知道为什么它只是jsfiddle bug;见上面的演示

答案 1 :(得分:1)

您还可以使用其他CSS规则:

visibility: [visible | hidden]

它几乎像不透明度一样。唯一的区别是它如何与音频浏览器拼写。但视觉呈现与opacity规则相同。