File upload Opencart-上载文件按钮不适用于所有浏览器

File upload Opencart-上载文件按钮不适用于所有浏览器,file-upload,opencart,File Upload,Opencart,我添加了一个OC(v1.5.6)扩展名(),允许用户在上传文件选项中拖放文件 我的问题是,如果我点击上传文件来浏览我的电脑中的文件,它似乎只能在Chrome、Safari和Opera中工作。我已经在Firefox&IE上测试过了,但它不起作用 我搜索了product.tpl文件,没有发现任何可能导致此问题的原因。有人有什么建议吗?因为你的copu.css中有奇怪的css翻译(大约在第95行) transform:translate(-300px,0)刻度(4) 它将此输入元素转换为左侧300像素

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

我的问题是,如果我点击上传文件来浏览我的电脑中的文件,它似乎只能在Chrome、Safari和Opera中工作。我已经在Firefox&IE上测试过了,但它不起作用


我搜索了product.tpl文件,没有发现任何可能导致此问题的原因。有人有什么建议吗?

因为你的
copu.css
中有奇怪的css翻译(大约在第95行)

transform:translate(-300px,0)刻度(4)

它将
输入
元素转换为左侧300像素,因此它不再与您的
上载文件重叠

此语法仅适用于firefox和ie

幸运的是,webkit浏览器(ChromeOpera)的语法无效。所以它在chrome、opera等中不起作用(所以整个事情都起作用)

我不知道为什么这一行会将
输入
转换到不同的位置,所以我认为只需删除这一行,但为了将来,如果您希望这一行也能在webkit浏览器上工作,那么在上面这一行的基础上,还可以添加带有浏览器特定前缀的行(在本例中为
-webkit-

-webkit转换:转换(-300px,0)比例(4)


还要注意,ie和firefox也有前缀。但有些属性在没有前缀的情况下也能正常工作

工作得很好!谢谢我刚把-300改成了0。