デモ。第 12 バージョン以降の Opera では、「不透明度: 0」にもかかわらず選択が表示されます! バージョン 11.x では問題ありませんでした。他のブラウザでは問題ないようです。
また、複雑な css を使用せずに単純なデモを作成しました。「不透明度 0」を選択すると、実際には透明になりました。私のスタイルに何か問題があります。何が問題なのかわかりませんでした。
これを解決するために、新しいスタイルを追加しました
.selectnewstyle
{
position: relative;
left: -160px;
opacity: 0;
width: 160px;
padding: 4px 4px;
}
それをselectに適用しました
<select class="selectnewstyle" id="catid" name="catid">
これは互換性の問題に違いない
ここに変更されたデモがあります
アップデート
驚くべきことに、解決策は div と select タグの間にスペースを追加することでしたが、なぜそれが jsfiddle バグなのかわかりません。上記のデモを参照してください
別の CSS ルールを使用することもできます。
visibility: [visible | hidden]
不透明度とほとんど同じように機能します。唯一の違いは、オーディオ ブラウザでの綴り方です。opacity
ただし、視覚的なレンダリングはルールと同じです。