Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2016-02-03 12:54:26

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

css: background: rgba()

hi!

could anybody tell me, why background: rgba(255, 255, 255, 0.9); not working on .section-box-content with chrome, ff, edge…?

the page (section with second background image)

Offline

#2 2016-02-03 14:16:42

giampablo
Member
From: Italy
Registered: 2008-07-17
Posts: 86
Website

Re: css: background: rgba()

hi,
just add:
position: relative;

also check the z-index attribute (maybe).

Nice layout, by the way.

Offline

#3 2016-02-03 14:20:07

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: css: background: rgba()

Hi

It’s caused by your z-index layers, the bg-image bg3 div has absolute positioning which means it’s obscuring the next div in the cascade.

To fix this, add the following rules to your section-box-content div:

position: relative;
z-index: 1;

Edit: giampablo beat me to it!

Last edited by philwareham (2016-02-03 14:21:13)

Offline

#4 2016-02-04 07:45:43

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css: background: rgba()

thank’s guys!

Offline

Board footer

Powered by FluxBB