Div box-shadow has sharp edge in Safari 6

DreartFeta

New Member
My goal is to create a shadow under a div element. This works well in all browsers except Safari 6. There is a sharp line where the shadow ends and not a seamless transition.This is how it looks: http://i.imgur.com/9ClJ8bR.pngThe problem does not appear on Safari 5.1.7 or 5.0.5.Unfortunately I do not have access to Safari 6 to troubleshoot since it is not available for Windows.I define the box-shadow like this:\[code\].shadow { -moz-box-shadow: 0px 0px 45px #111; -webkit-box-shadow: 0px 0px 45px #111; -o-box-shadow: 0px 0px 45px #111; -ms-box-shadow: 0px 0px 45px #111; box-shadow: 0px 0px 45px #111;}\[/code\]I have tried to find out if other people have experienced similar issues but found nothing. Any help would be appreciated!
 
Back
Top