Html 图像插入到表单顶部，但表单输入现在被阻止

我有一个图像，我想在html上的表单顶部显示不透明度，但当图像位于表单顶部时，无法单击表单输入。 有没有一种方法可以实现这一点，而无需将其加载为背景或使用photoshop文件来加载它的背景。我更喜欢将图像放在表单的顶部，而不是下方

我也在加载引导程序

css: 蝎子{ 宽度：550px； 不透明度：0.3； z指数：0； 位置：绝对位置； 右：480px； 底部：250px； }

关于我
我最喜欢什么颜色？


2-我最喜欢的形状是什么？


心


五角


广场


三角


矩形


圆圈


明星


交叉

在保持图像在顶部的同时，实际上没有办法做到这一点。表单需要位于顶部才能单击。但是我们可以设置它的透明度，就像我们可以设置图像一样，这样它看起来会被图像褪色。我相信这达到了你想要的整体效果

蝎子{ 宽度：550px； z指数：-1； 位置：绝对位置； 左：0； 底部：0； } 形式{ 不透明度：0.6； }

关于我
1-我最喜欢什么颜色？

2-我最喜欢的形状是什么？

心脏

五边形

方形

三角形

矩形

圆圈

星星

交叉

将属性设置为

-1

蝎子{ 宽度：550px； 不透明度：0.3； z指数：-1； 位置：绝对位置； 右：480px； 底部：250px； }

关于我
1-我最喜欢什么颜色？

2-我最喜欢的形状是什么？

心脏

五边形

方形

三角形

矩形

圆圈

星星

交叉

您可以发布一个代码示例吗？看，谢谢！看看指针事件，只是猜测，因为没有代码…谢谢，添加了指针事件：css图像上没有，它就像一个符咒。