CSS opacity not working in iOS

I was having a problem where adding a basic css opacity on an element wouldn’t work when viewing in iOS. Looked fine on desktop.

I didn’t come across a specific solution to my problem, but someone else had a similar thing when using opacity with transitions.

The solution

Try adding visibility: visible to the element.

.element {
    background-color: red;
    opacity: 0.6;
    visibility: visible;
}

Tags: ,

4 Responses to “CSS opacity not working in iOS”

  1. vijay says:

    Thanks, its working for me

  2. qq8788 says:

    Bagus dan bermanfaat. Admin bales dong, please hehe.

  3. skirts says:

    An impressive share! I have just forwarded this onto a co-worker who had been conducting a little research on this.
    And he actually ordered me dinner because I found it for him…

    lol. So allow me to reword this…. Thank YOU for the meal!!
    But yeah, thanks for spending the time to talk about this subject here on your web page.

  4. Philipp says:

    When you have a powerful hands or even the insane earlier in a give next phoning could
    be a method of keeping other people in the jackpot in order to buildup the
    amount that you can win.

Leave a Reply