html怎么编辑文字位置,html – 修正文本的位置背景剪辑

试试这个,我在background属性中添加了一些额外的属性来实现全屏效果并设置背景大小来覆盖 –

.text{

background: url(http://publicdomainarchive.com/wp-content/uploads/2014/05/public-domain-images-free-stock-photos-tree-blossoms-bench-1-1000x666.jpg) fixed center center no-repeat;

background-size: cover;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

CodePen Example

编辑

如果您想要在背景中拆除所有添加的值,请在此处设置具有已定义属性名称的值.

.text{

background: url(http://publicdomainarchive.com/wp-content/uploads/2014/05/public-domain-images-free-stock-photos-tree-blossoms-bench-1-1000x666.jpg);

background-attachment: fixed;

background-position: center center;

background-repeat: no-repeat;

background-size: cover;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}