gpt4 book ai didi

javascript - CSS 设置避免在单击时出现上传弹出窗口

转载 作者:太空宇宙 更新时间:2023-11-04 01:15:08 24 4
gpt4 key购买 nike

对于同一个案例我有两个设置(每个都有一个 fiddle ,基本上是关于一个 HTML 上传表单):

1) 在这一个中,<body>id标签设置为“产品”。在这里,“选择文件”按钮具有正确的外观和感觉。但是,当我单击它时,它不会通过显示任何文件选择弹出窗口来使用react(它只会对“未选择文件按钮”文本字段使用react)。

https://jsfiddle.net/fvzw1woq/2/

2) 这里,<body>没有任何ID。 “选择文件”按钮的外观和感觉不佳,但单击它时 react 良好(以及“未选择文件按钮”文本字段)。

https://jsfiddle.net/nu2vt4gw/1/

重要提示:两个 fiddle 的 CSS 片段完全相同。

我努力想知道发生了什么,但我根本不知道原因是什么。你能帮助我吗?谢谢。

最佳答案

您的第一个 fiddle 中的问题是输入文件的 z-index。检查更新fiddle

div.uploader input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
position: absolute;
top: 0;
right: 0;
float: right;
cursor: default;
width: 100%;
height: 100%;
z-index: 9999999; // add this line
}

关于javascript - CSS 设置避免在单击时出现上传弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50319551/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com