-1

Last time i code some css to my website, after tests I forward that in Safari (11.1.2) box-shadow doesn't works . I tried to add prefix -webkit but it doesn't works too. Do you have some idea how I can fix it??

box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);

gastush
  • 1,026
  • 7
  • 18
  • Could you please explain what is the expected behavior and what you actually observe – gastush Jul 11 '19 at 07:08
  • I tried to add shadow to table rows similar like here: tiny.cc/b1zj9y and I forward that in Chrome, Firefox, IE etc works, but in Safari doesn't. I have to mention that in other cases box shadow works ( eg in buttons) –  Jul 11 '19 at 07:17
  • 1
    Problem solved, I change 'box-shadow' to 'filter: drop-shadow()' –  Jul 11 '19 at 08:48

1 Answers1

1

Check this codepen, it works in safari browser

<div></div>
div {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);
  width: 200px;
  height: 200px;
  background: pink;
}

May be you can try giving a value 0.9 rather than 0.12 and just check if it works for you or not. As 0.12 might be working but it is just not visible to eyes may be

Sonia
  • 1,909
  • 1
  • 11
  • 13