只改变父元素背景图片透明度

可以使用 CSS 的 "opacity" 属性来改变父元素背景图片的透明度。

例如：

.parent {
  background-image: url(image.jpg);
  opacity: 0.5;
}

在上面的例子中，父元素的背景图片将会被设置为 50% 的透明度。

相关问题

父盒子设置背景图片透明度导致子元素也透明了，怎么办

可以尝试使用 CSS3 的 rgba() 函数来设置背景颜色和透明度，而不是直接设置背景图片的透明度。例如：

.parent {
  background-color: rgba(255, 255, 255, 0.5); /* 白色背景，透明度为 0.5 */
  /* background-image: url('xxx.png'); 不设置背景图片透明度 */
}

.child {
  /* 子元素不会受到背景透明度的影响 */
}

其中，rgba() 函数中的前三个参数分别代表红、绿、蓝三色的取值（取值范围为 0~255），最后一个参数代表透明度（取值范围为 0~1）。这样设置可以保证父元素的背景图片不会影响子元素的透明度。

js移入父元素改变父元素的高度显示子元素

可以通过以下步骤来实现：

1. 获取父元素和子元素的 DOM 对象：

var parent = document.getElementById("parent");
var child = document.getElementById("child");

2. 给父元素添加鼠标移入事件，当鼠标移入时计算子元素的高度并设置给父元素：

parent.onmouseover = function() {
  var height = child.offsetHeight;
  parent.style.height = height + "px";
};

这样当鼠标移入父元素时，父元素的高度会自动根据子元素的高度进行调整。