`
wb1991wb
  • 浏览: 156687 次
  • 来自: 上海
社区版块
存档分类
最新评论

一段兼容IE、FF、Chrome浏览器的Div背景渐变CSS代码

 
阅读更多
.mButton{
			  	text-align: center;
			  	line-height: 48px;
			  	font-family: "microsoft yahei";
				width: 48px;
				height: 48px;
				border-radius: 5px;
				border: 1px solid #adadad;
				background-image: -moz-linear-gradient(top, #FFFFFF, #e6e5e5); /*火狐*/
				background: -o-linear-gradient(top, #FFFFFF 0%,e6e5e5 100%);/*Opera*/
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1,#e6e5e5)); /*Chrome*/
				background-image: -ms-linear-gradient(top, #FFFFFF, #e6e5e5);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e5e5', GradientType='0'); /*IE*/
			  	color: #666666;
			  }

 

<div class="mButton">
			发送				
		</div>

 

0
0
分享到:
评论

相关推荐

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`&lt;!DOCTYPE...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    针对`IE6`、`IE7`、`IE8`、`IE9`以及`Firefox`、`Chrome`等浏览器的兼容性问题,我们可以采取以下策略: 1. **DOCTYPE声明**:DOCTYPE声明会影响浏览器进入不同的渲染模式。为了确保统一的行为,通常使用XHTML 1.0...

    div+css常见兼容性问题

    在网页设计中,`div+css`是一种常见的布局方式,但它也伴随着一系列的浏览器兼容性问题。这些问题主要出现在不同浏览器对CSS规范的解读和实现上存在差异,尤其是老版本的Internet Explorer(如IE6和IE7)与其他...

    chrome浏览器实现打印预览打印功能.zip

    `js 打印DIV内容 print div 兼容IE FF Google等主流浏览器 -打印指定区域内容.url`这个链接提供了处理兼容性的方法,它可能包含了一种通用的解决方案,可以确保在多种浏览器中都能正确地打印指定的DOM元素。...

    div的圆角的制作,兼容FF, IE等浏览器

    在本主题中,我们将深入探讨如何使用CSS技术为`div`元素创建圆角,同时确保这种效果在Firefox(FF)和Internet Explorer(IE)等不同浏览器上都能良好地兼容。 1. CSS3边框半径属性 CSS3引入了`border-radius`属性...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    4. **使用前缀和兼容库**:对于CSS3的新特性,如渐变、动画等,各浏览器通常有自己的前缀,如 `-webkit-` (Chrome/Safari)、`-moz-` (Firefox) 和 `-ms-` (IE)。另外,使用像Modernizr这样的库可以帮助检测浏览器...

    兼容IE chrome FF 图片上传前预览

    这段代码是用于在图片上传前实现预览功能的,它兼容了Internet Explorer(IE)、Chrome 和 Firefox 这三种主流浏览器。在用户选择图片文件后,可以在网页上显示一个缩放后的预览图,确保预览图像的宽度和高度不超过...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果,了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法: 1. **区别IE...

    css教程实现div背景色渐变色代码分享

    2. **CSS 兼容性**:由于不同的浏览器支持的 CSS 特性有所不同,因此在编写 CSS 代码时需要考虑浏览器的兼容性问题。例如,Firefox 和 Chrome 支持原生的 CSS3 渐变属性,而 Internet Explorer 则需要使用特殊的滤镜...

    CSS背景图拉伸效果兼容FF/Chrome/IE等主流浏览器(亲测)

    网上也找过,但不兼容IE或有bug,下面贴出本人亲测代码,兼容主流浏览器,包括Firefox、Chrome以及 IE 等主流浏览器(IE使用滤镜效果实现): 复制代码代码如下: .btn_bg { width:150px; height:50px; background-...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器

    1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 ...

    css浏览器兼容问题

    CSS浏览器兼容问题一直是前端开发中的一大挑战,不同的浏览器在解析CSS样式时可能存在差异,这给开发者带来了诸多困扰。以下是一些常见的CSS兼容性问题及解决方案: 1. **默认的内外边距不同问题**: 解决方法:...

    jquery实现区块或链接横向无缝循环滚动,自适应宽度,可随意设置外容器的宽度 高度自适应,兼容IE,FF,CHROME.rar

    标题中的“jquery实现区块或链接横向无缝循环滚动,自适应宽度,可随意设置外容器的宽度,高度自适应,兼容IE,FF,CHROME”是一个jQuery插件或脚本的功能描述,它涉及到网页中元素的动态展示效果。下面将详细解释这...

    兼容当前五大浏览器的渐变颜色背景gradient的写法

    在这一部分,我们将详细解析如何为Chrome、Firefox、Safari、Opera以及Internet Explorer等主流浏览器编写渐变背景的CSS样式。 首先,我们需要了解各个主流浏览器对CSS渐变的支持情况。以Chrome和Safari为例,早期...

    IE_FF兼容性

    不同的浏览器对标准的支持程度不一,导致同一段代码在不同浏览器中的表现可能大相径庭。本文将针对Internet Explorer(以下简称IE)与Mozilla Firefox(以下简称FF)这两种浏览器之间的兼容性差异进行详细讲解,并...

    浏览器兼容性设置级解释

    **CSS Hack** 是解决浏览器兼容性问题的一种常见手段,由于不同浏览器对CSS语法的支持程度不同,开发者可以通过特定的语法结构让样式只在特定浏览器生效。例如,IE6识别下划线`_`和星号`*`前缀,IE7仅识别星号`*`,...

    最新web面试题css浏览器的兼容性问题.docx

    在Web开发中,CSS浏览器兼容性问题是一个常见且棘手的话题。不同的浏览器,尤其是IE系列与其他现代浏览器(如Firefox、Chrome、Safari和Opera),在解析CSS规则时可能存在差异,导致页面显示效果不一致。以下是一些...

    css hack div 布局

    然而,由于不同浏览器对CSS规范的实现存在差异,尤其是在早期版本的IE(Internet Explorer)和其他浏览器之间,CSS兼容性问题时常出现。"CSS hack"是一种解决浏览器兼容性问题的技巧,它涉及到特定的语法结构,以便...

Global site tag (gtag.js) - Google Analytics