Question

我的图像分为以下图像。我想在D位置设置div的背景。我怎样才能做到这一点？

谢谢。

Answer 1

我为你准备了一些代码，正在这样做。它很简单，你只需要设置位置值对你有好处。这是一些例子：

第一个值是水平位置，第二个值是垂直位置。左上角为0 0.单位可以是像素（0px 0px）或任何其他CSS单位。如果只指定一个值，则另一个值为50％。你可以混合％和位置

.example{
    width:50px;
    height:50px;
    background-image: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQAMmivmfGLDnoIppxvhs-wNrPVXspQW8KHzvVXXFlBHauDL-ZpQQ');    
    background-attachment: fixed;
    background-position: 70% 100%;
}

<!DOCTYPE html>
<html>
<head>
</head>
<div class="example">
</div>
<body>
</body>
</html>

如何设置<div>的背景只是图片的一部分？

1 个答案: