Treehouse: Grow your CSS skills. Land your dream job.

CSS transparency block different on mobile

  • # March 16, 2015 at 1:06 am

    I found a onepage webpage http://www.boston.com/bigpicture/
    here is my website http://antonmislawsky.com
    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

    http://codepen.io/anon/pen/WbYoYe 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.