CSS transparency block different on mobile

[linderox]

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 :(

http://codepen.io/anon/pen/WbYoYe

[Paulie_D]

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.

[linderox]

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

[Author]

Posts