UploadiFive プラグインを使用して「ファイルの選択」のボタンをカスタマイズしようとしていますが、すべて正常に動作しますが、ボタンの一部の領域のみが読み込みダイアログを開くことができます。
アッパーエリアのみが機能します。ボタンの高さが 35 ピクセルの場合、上部の 15 ピクセルのみが機能します。どうしたの?
CSS:
.uploadifive-button {
padding:5px 20px;
background-color:#1F87C4;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:1px solid #1A6EA1;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:14px;
text-decoration:none;
text-align:center;
margin:0 auto;
}
.uploadifive-button:hover {
background-color:#1A70A3;
border:1px solid #165E8A;
}
および Javascript:
$('#file_upload').uploadifive({
'auto' : true,
'buttonText' : 'Upload Image',
'hideButton' : true,
'wmode' : 'transparent',
'formData' : {
'timestamp' : timestamp,
'token' : salt,
'dest' : $('div#dest').html(),
'obj' : $('div#obj').html()
},
'queueID' : 'queue',
'removeCompleted' : true,
'uploadScript' : '/upload_image_objet.php',
'onUploadComplete' : function(file, data) {update(data);}
});