如何将色调(悬停时)应用于背景图像大小设置为包含的div？

要将色调（悬停时）应用于背景图像大小设置为包含的div，可以通过CSS实现。

首先，我们需要创建一个包含背景图像的div，并为其设置背景图像。然后，使用CSS选择器来为悬停时的div定义样式。

以下是实现的步骤：

1. 创建一个div并设置其包含背景图像的样式。例如：

<div class="image-container"></div>

.image-container {
  width: 300px;
  height: 200px;
  background-image: url('image.jpg');
  background-size: cover;
}

上述代码中，我们创建了一个名为image-container的div，并为其设置了一个背景图像image.jpg，同时使用background-size属性将背景图像调整为div的大小。

1. 为悬停时的div定义样式。例如：

.image-container:hover {
  filter: grayscale(100%);
}

上述代码中，我们使用:hover伪类来为悬停时的div定义样式。在这个例子中，我们使用了filter属性的grayscale函数，将图像转为灰度图像。

通过上述步骤，当鼠标悬停在div上时，背景图像将应用灰度效果。

对于这个问题，腾讯云没有专门的相关产品或链接地址，因为它是一个与云计算无关的前端开发问题。但是，腾讯云提供了各种与云计算相关的产品和服务，可以满足您的各种需求。你可以参考腾讯云官方网站（https://cloud.tencent.com/）来了解更多关于腾讯云的信息。