Safari背景图像Quirk

Question

所以似乎Safari（最新版本）不喜欢以下涉及背景图像的代码：

div.nav_element.pdf
{
    background-image:url("/images/pdf_icon.png");
    background-position: right 19px bottom 50%;
    background-repeat:no-repeat;
}

<div class="nav_element pdf">
    <a class="nav_link" href="#">Summary of Product Characteristics</a>
</div>

它通过那个小小的黄色感叹号框告诉我background-position属性无效。有没有人见过这个？它不喜欢相对尺寸吗？

Answer 1

因为你的background-position属性无效。它只有2个值，而不是4 阅读this

Answer 2

我最终不得不使用这个webkit黑客：

background-position: -webkit-calc(100% - 10px) center; /* Sf 6 */

如本问题所述：

Position a CSS background image x pixels from the right?

以上Artem引用。