Css issue

Hello !

I'd like to add a basic black transparent effect on the top of the text like here

http://awesomescreenshot.com/0af4ehf6fd

I've created a class and used it over the text

Code: Select all

.form_register {
width: 100%;
background: rgba(0, 0, 0, 0.49);
margin: 0 auto;
padding: 20px 20px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

But for some reasons it's displayed behind the normal background.

How can I get the text > The background of the text > The normal background

http://agency.joomgeek.com/3dprinting/

Tks a lot !

It displays 100% fine. Perhaps there is some cache issue you are having? Please try chrome incognito / ff private mode to check if it works fine.

I tried on different browser and I still don't see the black background. Do you see it ?

Your site seems down. Could you please check it?

We just put it live http://www.the3dshape.com/

Seems like strange rendering issue.
Please modify your code to:

Code: Select all

.form_register {
width: 100%;
background: rgba(0, 0, 0, 0.49);
margin: 0 auto;
padding: 20px 20px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 1;
}


Perfect ! Tks a lot

Is there anything else I can help you with regarding this topic?

No tks it's done