1 reply [Last post]
gali2000
gali2000's picture
User offline. Last seen 45 weeks 6 days ago. Offline
newbie
Timezone: GMT+2
Joined: 2011-06-30
Posts: 1
Points: 2

Hi

On my website I'm usin' a background image and I want to overlay an radial gradient with transperancy.
I've tried for hours to transform my css code that it works in Safari(-webkit-) and Opera(-o-) --> Problem is the transperancy.

My css code:

background:-moz-radial-gradient(
center 45deg, circle farthest-corner, rgba(255, 255, 255, 0.1) 0%, rgba(190, 190, 190, 0.3) 100%),
url("../images/background/background_image.jpg");

Could please anybody show my how this code should look like that it works in ie, Safari, and Opera?

Thanks

AndyA
AndyA's picture
User offline. Last seen 34 weeks 2 days ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2011-06-30
Posts: 39
Points: 41

Hi Gali2000 It might be that

Hi Gali2000

It might be that the browsers dont support RGBA, so you may have to try using Opacity eg.

background-color: rgb(0,0,255); opacity: 0.5;

Im not sure if this will work but give it a try.