元素添加内边距背景图片有变化怎么解决

如果你在元素上添加了内边距(padding)，会导致该元素的尺寸变大，从而影响背景图片的显示。要解决这个问题，可以使用CSS的box-sizing属性。将box-sizing属性的值设置为border-box，可以使元素的内边距和边框被包含在元素的总宽度和高度内，不影响背景图片的显示。

示例代码如下：

.element {
   box-sizing: border-box;
   padding: 20px;
   background-image: url('image.jpg');
   background-size: cover;
   /* 其他样式 */
}

在上面的代码中，我们将box-sizing属性设置为border-box，然后设置了元素的padding和background-image属性。由于box-sizing的值为border-box，padding不会影响元素的总宽度和高度，因此不会影响背景图片的显示。