为什么透明div上的输入也是透明的？

透明div上的输入也是透明的是因为输入框（input）是div的子元素，继承了div的透明属性。当div的透明度设置为0时，其子元素也会继承相同的透明度，导致输入框也变得透明。

要解决这个问题，可以通过以下几种方式：

1. 使用背景色：给透明div设置一个背景色，可以是rgba格式的颜色，其中alpha值设置为一个小于1的值，例如rgba(255, 255, 255, 0.5)。这样div的背景色会半透明，但输入框仍然是不透明的。
2. 使用伪元素：给透明div添加一个伪元素，设置其为绝对定位，并且覆盖在div上方。然后给伪元素设置背景色或者图片，使其不透明，而div本身保持透明。
3. 使用不透明的背景图片：给透明div设置一个不透明的背景图片，可以使用CSS的background-image属性来实现。这样即使div本身是透明的，但背景图片会覆盖在输入框上方，使其不受透明度影响。

需要注意的是，以上方法只是解决了透明div上输入框透明的问题，对于输入框的边框、文字颜色等样式可能还需要进一步调整。