色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

Safari中內聯元素上css遮罩圖像外部可見的背景顏色

CSS
張吉惟2年前8瀏覽0評論

我在Safari瀏覽器上遇到一個奇怪的問題。 在Safari瀏覽器中，遮罩圖像之外的背景顏色是可見的。 奇怪的是，這個錯誤只出現在內聯元素中。 有什么方法可以把外部區域也遮蓋起來嗎？

Chrome中的截圖:

enter image description here

Safari中的屏幕截圖:

enter image description here

p {
  font-family: "Arial";
  line-height: 1.5;
  font-size: 3em;
}

.iconlink {
  color: #ff00000;
}

.iconlink::before {
    content: "";
    display: inline;
    mask-image: url('https://mdn.github.io/css-examples/masking/star.svg');
    -webkit-mask-image: url('https://mdn.github.io/css-examples/masking/star.svg');
    mask-size: 1em;
    -webkit-mask-size: 1em;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center left;
    -webkit-mask-mask-position: center left;
    background-color: #ff0000;
    padding-right: 1.5em;
    vertical-align: baseline;
}

<p>
this is an <a href="#" class="iconlink">iconlink</a>.
</p>