html - Safari 背景图像怪癖

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

因为您的背景位置属性无效。它只有 2 个值，而不是 4 个。
阅读此

Answer 2

我最终不得不使用这个 webkit hack：

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

如本问题所述：

将 CSS 背景图像从右侧定位 x 像素？

正如上面Artem所引用的。