以下代码在 chrome 上完美运行,但在 mozilla 上运行不正常,请尽快检查并回复,提前谢谢。
我的 html 是:
<div class="about-bg">
<div class="about-us-heading">About<br>The Apes</div>
</div>
和我的 CSS:
.about-bg {
background-color: #fff;
float: left;
margin-right: 90px;
padding: 80px 20px 40px 0;
}
.about-us-heading {
font-size: 92px;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 900;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: url("http://creativeapes.net/wp-content/uploads/2016/02/building-back.jpg");
background-position: -1px -82px;
background-repeat: no-repeat;
line-height: 95px;
}
这是我的网站链接 http://creativeapes.net/#about-us
最佳答案
-webkit-text-fill-color
是非标准的
来源:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color
关于html - css 中文本的背景图像在 mozilla 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35474550/