以下目标浏览器不支持此功能

时间:2013-07-31 22:14:04

标签: html firefox

我有问题...我想做上传文件(图片)...... 我做那个代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Upload Pic. !</title>

<style type="text/css">
div#mybutton {

  overflow: hidden;
  position: relative;   

  width:  50px;
  height: 28px;
  border: 1px solid green;
  font-weight: bold;
  background: red;
}

div#mybutton:hover {
  background: green;
}

input#myfile {
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;

  opacity: 0.0; 
  filter: alpha(opacity=0); 
  -ms-filter: "alpha(opacity=0)"; 
  -khtml-opacity: 0.0; 
  -moz-opacity: 0.0; 
}
</style>

</head>
<body>
<form id="test_form" action="User_Finder.php">
 <div id="mybutton">
  <input type="file" id="myfile" name="upload"/>
 Click Me! 
</div>
</form>

    <script type="text/javascript">
<!--
$(document).ready(function() {
    $('#myfile').change(function(evt) {
        $('#test_form').submit();
    });
});
</script>

</body>
</html>

但它不起作用.... 我知道为什么它不起作用,你可以通过这张图片看到它: http://im37.gulfup.com/u0SPB.png ... 我长期在ggogle中找到解决此问题的方法,或者在stackoverflow中查找,但我没有找到任何答案...... 请帮帮我...谢谢你:))

2 个答案:

答案 0 :(得分:2)

解决方案:从目标中删除Internet Explorer 5.5。 (没有人再使用它了)

转到工具&gt;选项&gt;其他&gt;的JavaScript

答案 1 :(得分:0)

将以下内容添加到页面顶部

<!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

它将为没有现代浏览器的所有用户建议升级路径。