css - Radial-gradient over a background image does not work on Safari -


I am trying to add a radial gradient to the background image. It works perfectly on Chrome and Firefox, but it's not on Safari. I do not know why it may be.

Here's my CSS:

  # banner {background-attachment: scroll, scroll, scroll, fixed; Background color: #fff; Background: radial-gradient (circle 60% 30%, rgba (0,0,0,0.1), rgba (0,0,0,0.7.7)), url (../images/food 2.jpg) center Not left -repeat; -WebKit-Background-Size: Cover; -MOZ-BACKGROUND-SHAPE: COVER; -o-background-shape: cover; Background size: cover; }   

I tried:

  Background: -WebKit-radial-gradient (circle 60% 30%, RGBA (0,0,0, 0.1 ), RGBA (0,0,0,0.7)), URL (../images/FOD 2.JPG) center left no repetition;   

But it still does not work

thanks

css

  # banner {background-attachment: scroll, scroll, scroll, fixed; Background color: #fff; / * Safari 5.1 to 6.0 * / Background: -WebKit-radial-gradient (60% 30%, closest party, RGBA (0,0,0,0.1), RGBA (0,0,0,0.7)); / Opera 11.6 to 12.0 * / Background: -O-radial-gradient (60% 30%, closest side, RGBA (0,0,0,0.1), RGBA (0,0,0,0.7)); / * For Firefox 3.6 to 15 * / background: -moz-Radial-Gradient (60% 30 %%, Closest-side, RGBA (0,0,0,0,1), RGBA (0,0,0,0.7) ); / * Standard syntax * / Background: radial-gradient (60% 30%, nearest-side, RGBA (0,0,0,0.1), RGBA (0,0,0,0.7)); -WebKit-Background-Size: Cover; -MOZ-BACKGROUND-SHAPE: COVER; -o-background-shape: cover; Background size: cover; }   

You can also check:

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -