CODEWITHSUNDEEP
htmlcssopera
Evgeni Nabokov
Evgeni Nabokov

Reputation: 2571

Visible select element with "opacity: 0" in Opera since version 12

Demo. In Opera since 12th version select is visible in spite of "opacity: 0"! In version 11.x it was ok. In other browsers it looks ok.

Also, I made simple demo without complex css, where was "opacity 0"-select -- it was actually transparent! Something is wrong with my styles, I could not find what is.

Upvotes: 1

Views: 1268

Answers (2)

Steve Reichbach
Steve Reichbach

Reputation: 98

You also can use another CSS rule:

visibility: [visible | hidden]

It works almost like opacity. The only difference is how it spells with audio browsers. But visual rendering is the same as opacity rule has.

Upvotes: 1

shareef
shareef

Reputation: 9581

to solve this i added new style

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

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

and applied it to the select

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

this must be a compatibility issues how each different browser brain works

here is the modified demo

demo on opera 12 working

UPDATE

suprisingly the solution was to add a space between div and the select tags and i dont know why is it just jsfiddle bug ; see the demo above

Upvotes: 1

Related Questions