css图片置于最下层 |css按钮被禁用

首先，在 CSS 中设置元素的背景图片并将其置于最下层，可以使用以下代码：

.element {
position: relative;
z-index: 1;
background-image: url("image.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.element::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit;
z-index: -1;
}

上述代码中使用了伪元素 `::before`，并将其定位在元素的正上方，同时使用 `z-index: -1` 将其置于最下层，用以显示背景图片。

设置 `background-color: inherit`，是为了让伪元素和元素使用相同的背景颜色，避免出现视觉上的差异。

最后，推荐一种更简单的实现方式，只需要在元素的外层包裹一个容器，将图片作为容器的背景图片即可，如下代码：

.container {
background-image: url("image.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.element {
position: relative;
z-index: 1;
}

在这种方式中，由于图片作为容器的背景图片，所以在元素中使用 `z-index` 将文本或其他元素置于最上层时，图片仍然处于最下层。

总之，以上两种方式均可将元素的背景图片置于最下层，开发者可以根据实际需求选择适合自己的方式。