The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS transparency block different on mobile

  • # March 16, 2015 at 1:06 am

    I found a onepage webpage
    here is my website
    I want to change a block with text to zero-transparency on 2nd and 3rd section and change font color to white, but if I delete “backround:#fff” in .box CSS-section it disappears only on a desktop version. On mobile it still white and didn’t disappear :(
    opacity and filter applied also to text :(

    # March 16, 2015 at 1:16 am

    Perhaps you could trim the demo down to just enough to show the problem without anything that isn’t really necessary. Otherwise there is a lot of unnecessary HTML, CSS & JS to wade through.

    It seems likely, however, that if you have different behaviours at different viewport widths then there is a media query issue.

    # March 16, 2015 at 1:28 am I trim a little.
    the problem is that I don’t know exactly in a styles there is a problem with background color of the box. I think that it is somewhere higher than in CSS.

    I think I found a problem. there is mobile-css… maybe inside

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed