Css HTML5下载属性在Firefox Mozilla上不起作用？

大家好，我只想让用户下载的按钮点击图像。 我在我的项目中使用了tag及其在html5中提供的下载属性。我下面的代码在Chrome上运行良好，但在Firefox Mozilla中，当我点击按钮时，它只是将我重定向到指定的路径。 请告诉我出了什么问题

 <div style="display:inline-block; position:relative; ">
      <img src="https://stemvideodev.s3.amazonaws.com/6b72051541e948cb8ace2d83d3895901-THUMBNAIL-1.jpg" title="" alt="">
         <a href="https://stemvideodev.s3.amazonaws.com/6b72051541e948cb8ace2d83d3895901-THUMBNAIL-1.jpg" download="image.png">
            <input type="button" style="position:absolute;bottom:0;right:0; " value="Download">
        </a>
</div>

提前谢谢

<div class="text-wrap"><img src="your img.jpg" alt="">
<a href="download.jpg" class="myButton" download="img name" title="Download">
    <img src="/path/to/image" alt="Download">
</a></div>

你能这样试试吗

---

您可以这样尝试吗？

根据的HTML5定义，它不能包含“交互式子体”，并且输入元素根据定义是交互式的。因此，标记无效。所有的赌注都输光了。设置嵌套规则是为了避免事件处理的复杂性

因此，如果您想要下载属性和一些按钮外观，您只需要使用a元素并将其样式设置为按钮。下面是一个草图，将根据您对按钮样式的偏好进行调整：

布顿先生{ 位置：绝对位置； 底部：0； 右：0； 颜色：000； 背景：ddd； 边界：333个2px； 边界半径：3px； 文字装饰：无； 填料：0.1米0.2米； 字体：90%无衬线； }

---

根据HTML5的定义，它不能包含“交互式子体”，输入元素根据定义是交互式的。因此，标记无效。所有的赌注都输光了。设置嵌套规则是为了避免事件处理的复杂性

因此，如果您想要下载属性和一些按钮外观，您只需要使用a元素并将其样式设置为按钮。下面是一个草图，将根据您对按钮样式的偏好进行调整：

布顿先生{ 位置：绝对位置； 底部：0； 右：0； 颜色：000； 背景：ddd； 边界：333个2px； 边界半径：3px； 文字装饰：无； 填料：0.1米0.2米； 字体：90%无衬线； }

---

可能避免使用链接包装输入…可能避免使用链接包装输入…我无法确定我正在通过javascript动态生成此div。如果您有任何其他解决方案，请使用plz replay。@KuldeepMore，您是说您不能更改标记吗？那么你希望得到什么样的答案呢？@Jukka，我想说的是，我在问题中提到的上述代码在Chrome中运行良好，这意味着它是通过点击按钮下载的图像，但当我在Firefox Mozilla上测试此代码时，它只是显示图像。我无法确定我是通过javascript动态生成此div的。如果您有其他解决方案，请执行plz replay。@KuldeepMore，您是说您不能更改标记吗？那么你希望得到什么样的答案呢？@Jukka，我想说的是，我在问题中提到的上述代码在Chrome中运行良好，这意味着它是在点击按钮时下载的图像，但当我在Firefox Mozilla上测试这段代码时，它只是显示图像。回答不错，这对我来说很有效，但这个解决方案又有一个问题。当我分别为和标记的src和href属性赋予静态值时，这会起作用，但在我的项目中，这些属性的值是动态的，然后再次给出相同的结果，即单击下载在浏览器中打开图像@KuldeepMore，我认为您需要发布生成的HTML和CSS的特定代码示例，这些示例实际上复制了这个问题，可能是一个新问题。先生，您是一位绅士和学者。我敢说，这是一个公认的答案，值得学者们去回答。这个答案很好，对我来说很有效，但这个解决方案又有一个问题。当我分别为和标记的src和href属性赋予静态值时，这会起作用，但在我的项目中，这些属性的值是动态的，然后再次给出相同的结果，即单击下载在浏览器中打开图像@KuldeepMore，我认为您需要发布生成的HTML和CSS的特定代码示例，这些示例实际上复制了这个问题，可能是一个新问题。先生，您是一位绅士和学者。我敢说，这是一个公认的答案，值得学者们研究。