【问题标题】:Opencart - Upload File Button not working in all browsersOpencart - 上传文件按钮不适用于所有浏览器
【发布时间】:2014-04-16 00:58:18
【问题描述】:

我添加了一个 OC (v1.5.6) 扩展 (Customer Order Product Upload),允许用户在上传文件选项中拖放文件。

我的问题是,如果我点击上传文件来浏览我的计算机以查找文件,它似乎只能在 Chrome、Safari 和 Opera 中使用。我在 Firefox 和 IE 中测试过,但它不起作用。

我已经搜索了 product.tpl 文件,没有发现任何应该导致这种情况的东西。有人有什么建议吗?

【问题讨论】:

    标签: file-upload opencart


    【解决方案1】:

    因为您的 copu.css 中出现了奇怪的 css 翻译(大约第 95 行)

    transform: translate(-300px, 0) scale(4);

    <input type="file" multiple="" name="file" class="fileupload"> thisinput 元素转换为左侧 300 像素,因此它不再与您的 Upload File 重叠

    此语法仅适用于firefox和ie

    你很幸运,这对于 webkit 浏览器 (Chrome Opera) 是无效的语法。所以它在 chrome、opera 等中不起作用(因此整个事情都在起作用)

    我不知道为什么这条线将 input 翻译到不同的地方,所以我认为只需删除这条线,但如果你希望这条线也能在 webkit 浏览器上工作,那么与上面的线一起添加行像这样的浏览器特定前缀(在这种情况下为-webkit-

    -webkit-transform:translate(-300px, 0) scale(4);

    另外请注意,ie 和 firefox 也有前缀。但有些属性也可以在没有前缀的情况下使用

    【讨论】:

    • 工作完美!谢谢!我只是将 -300 更改为 0。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-11-25
    • 2014-08-12
    • 2015-08-27
    • 1970-01-01
    • 2023-03-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多