`
itace
  • 浏览: 180976 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

IE8,IE9的file按钮样式设置

 
阅读更多
				<div style="background-image:button.jpg">
					<form action="fileUpload.do" method="post" enctype="multipart/form-data">
						<input type="file" name="file" style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;opacity:0;filter:Alpha(Opacity=0);" onchange="document.forms[0].submit();"/>
					</form>
				</div>

 

分享到:
评论

相关推荐

    WebUploader照片上传,file文件图片上传样式美化,多上传按钮处理,支持IE9+

    主要涉及的元素有`webuploader-element`类的按钮样式,以及`file-list`列表中的图片预览样式。例如,可以改变按钮的背景色、边框、圆角,以及图片预览的大小、边距等。同时,可以使用JavaScript动态更新样式,如根据...

    jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug

    在本案例中,"jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug",这个问题通常是由于Uploadify与IE9、IE10的交互机制不兼容导致的。在这些版本的IE中,点击浏览按钮可能无法打开文件选择对话框,使得用户无法...

    图片代替文件浏览按钮样式

    "图片代替文件浏览按钮样式"就是一个这样的实践,它通过CSS样式和图像资源来定制HTML中的`&lt;input type="file"&gt;`元素,使其看起来更加友好且具有设计感。这个项目特别强调了兼容性,确保在IE、Firefox、Chrome等主流...

    css美化input file按钮的方法

    如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用...偶然看到一篇文章:input file 文件选择框美化 作者是把系统默认的按钮设置透明度为0,再定义一个label标签样式,来覆盖透明掉的按钮。支持IE6\IE7\FF

    input file 表单修改,IE8 Firefox下兼容

    input file 表单很难用css样式来控制,IE下还好,dorder属性可以修改,但firefox下不行,非常丑,而且file的值通过模拟click事件获取的文件不能提交,也不能传给其他函数。 浏览按钮长度也不可控制。 前几天遇到这个...

    修改file按钮的默认样式实现代码

    本教程将详细介绍如何通过CSS和JavaScript(使用jQuery库)来修改file按钮的默认样式,创建一个更加吸引人的用户界面。 首先,我们来看HTML结构。这里创建了一个`&lt;form&gt;`元素,其中包含一个id为`addFile`的`...

    文件上传input file简便美化方案(css)

    在HTML结构中,我们通常会隐藏原生的file input,然后在上面覆盖一个自定义样式的按钮和一个用于显示文件路径的文本框,以便用户点击这个“按钮”来打开文件选择对话框。这里的“假”上传按钮(.file-uploader-wrap-...

    IE文件选择框

    此外,IE浏览器中文件选择按钮的样式很难覆盖,可能需要使用一些技巧,如模拟隐藏原生按钮并添加自定义按钮,然后通过JavaScript触发文件选择对话框。 ### 5. 安全性和隐私保护 为了保护用户隐私,浏览器对文件...

    fileUpload(兼容IE的Ajax上传图片)

    "fileUpload(兼容IE的Ajax上传图片)"是一个专为解决浏览器兼容性问题而设计的解决方案,它确保在包括IE8在内的较旧版本Internet Explorer浏览器中也能实现Ajax方式的图片上传。 Ajax(Asynchronous JavaScript and ...

    兼容IE6+的文件上传控件plupload工具包

    它不仅支持HTML5的先进特性,如拖放上传,同时也为不支持HTML5的浏览器提供了回退方案,确保在谷歌、火狐以及不同版本的IE(包括6、7、8、9和10)等主流浏览器上的兼容性。 **1. 功能特性** - **多浏览器兼容**:...

    type=file的inpu美化,自定义上传按钮样式代码

    本文将详细介绍如何对type=file的input进行美化以及自定义上传按钮的样式。 首先,我们需要理解,`&lt;input type="file"&gt;` 的默认行为是创建一个文本输入框和一个“浏览”按钮,用户可以通过这个按钮选择本地文件进行...

    精美html+css上下滚动,轮播(兼容ie8)

    【精美html+css上下滚动,轮播(兼容ie8)】是一个基于jQuery技术实现的网页动态效果,旨在提供一种在浏览器上实现上下或左右切换的图片或文本轮播功能。这个解决方案特别强调了对IE7及更高版本的兼容性,确保在老旧...

    input 按钮在IE下显现不一致的兼容问题

    这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结。所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨...

    jquery上传文件插件filestyle

    3. **样式设置**:jQuery Filestyle的一大优点是其高度可定制性。开发者可以轻松地根据自己的需求调整上传按钮的样式,包括大小、颜色、边框、背景等。这通常是通过CSS样式表或内联样式实现的,以满足不同设计风格的...

    HTML中文件上传时使用的input type=”file”元素的样式自定义

    这可以通过设置`.fileinput-button`类的CSS样式完成,例如设置`position: relative`和`display: inline-block`,然后将`&lt;input type="file"&gt;`元素的`position`设为`absolute`,并将其`right`和`top`属性设置为0,使...

    jQuery评论插件IE8.rar

    《jQuery评论插件在IE8中的应用与扩展》 jQuery评论插件是Web开发者在构建交互性强、用户体验优良的网站时常常使用的工具。这个“jQuery评论插件IE8.rar”压缩包提供了一个专为IE8浏览器优化的评论系统模板,旨在...

    Asp使用JQuery.Uploadify上传范例,测试可用,除了主流的浏览器外还可以兼容IE8以上浏览器

    此外,还可以通过CSS调整上传按钮样式,以适应网站的整体设计。 总结来说,通过ASP结合JQuery.Uploadify,我们可以实现一个功能强大且具有良好兼容性的文件上传功能。在实际应用中,需要注意对不同浏览器的适配,...

    jquery文件上传插件 jquery.uploadify.js 不支持IE10现在经过修改

    3. **自定义样式**:Uploadify.js支持自定义上传按钮的外观,可以根据网站的设计风格进行调整。 4. **事件处理**:提供了丰富的事件回调,如`onSelect`(文件选择时触发)、`onUploadSuccess`(文件上传成功时触发)...

    input file样式修改以及图片预览删除功能详细概括(推荐)

    例如,可以通过添加背景图片、改变按钮的颜色和大小等方式来修改input file按钮的样式。 知识点2:图片预览功能 图片预览功能可以通过JavaScript和CSS实现。首先,在HTML中添加一个input file标签,并添加一个-...

    input file上传文件样式支持html5的浏览器解决方案

    下面是file上传控件在IE10,firefox16,chrome22,opera12,safari5.1.7里的截图:  在IE10里,双击输入框或者单击按钮都弹出文件选择框。在其他浏览器里单击输入框,按钮或文字都可以触发文件选择框。 鉴于这种...

Global site tag (gtag.js) - Google Analytics