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

一段兼容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
分享到:
评论

相关推荐

    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: 设置 ...

    IE6特有bug兼容性问题整理

    先看这段css代码: body{background:url(../image/404.png) no-repeat fixed center center;} div{height:2000px;} HTML部分为: &lt;body&gt;&lt;div&gt;&lt;/div&gt;&lt;/body&gt; 其结果是无论IE6还是火狐浏览器下,背景...

    JRCMS企业网站管理系统 v4.01

    JRCMS系统采用asp+access开发,全站前台界面采用DIV+CSS布局,兼容IE8,IE9,IE10,IE11,chrome浏览器,Safari浏览器,FF浏览器及国内主流浏览器(之所以未明确列出,百度浏览器,捷豹浏览器,腾讯浏览器,360...

    仿JD京东商城+微信商城+wap手机商城

    京东商城模板专业大气,并兼容IE6 IE7 IE8 FF Chrome等常用浏览器 。模板经过各大主流浏览器的兼容测试,并保证BUG的第一时间修正,大家可以放心使用。京乐商城2014模板色彩清爽、简洁明朗 、布局明快、精致唯美;...

    2013聚美优品ECSHOP模板

    2013聚美优品ECSHOP模板是一款采用DIV+CSS布局,兼容IE6 IE7 IE8 FF Chrome等常用浏览器。

    68ecshop仿古缇模板 时尚女包品牌 ecshop免费模板(gbk)

    2、页面标准DIV+CSS切图,专业大气,适合各种行业,并兼容IE6 IE7 IE8 FF Chrome等常用浏览器 。模板经过各大主流浏览器的兼容测试,并保证BUG的第一时间修正,大家可以放心使用。 3、首先下载你需要模板,解压后,将...

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

    这里介绍一种简单实用的,在各种浏览器下表现一致的美化方法,效果如下: ie6无法美化,只能应用部分效果,如下: 选择文件后(以ff为例,不用浏览器显示的路径不同): html代码: 复制代码代码如下: &lt;form ...

    空包单号源码完整版

    模板专业大气,并增加各种实用功能,兼容IE6 IE7 IE8 FF Chrome等常用浏览器 。模板经过各大主流浏览器的兼容测试,并保证BUG的第一时间修正,大家可以放心使用。模板色彩清爽、简洁明朗 、布局明快、精致唯美;通用...

    ECSHOP空包单号网交易源码 v1.0.zip

    模板专业大气,并增加各种实用功能,兼容IE6 IE7 IE8 FF Chrome等常用浏览器 。模板经过各大主流浏览器的兼容测试,并保证BUG的第一时间修正,大家可以放心使用。模板色彩清爽、简洁明朗 、布局明快、精致唯美;通用...

    chrome居中但ie不居中的解决方法

    今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: ...

    CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法

    CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth &lt; 1000&gt; 1200 ? "1200px": "auto" ); } ...

    CSS网页实例 利用box-sizing实现div仿框架结构实现代码

    [参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome2 ] [操作系统:Windows] 先看代码: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    css 关于空白叠加

    况一: 当一个元素出现在另一个元素上面时,第一个元素的底空白边与第二个元素的...显示结果如下从左往右,分别是IE6、FF、Chrome、Opera的表现结果。由图片可以看到,理论上有15px高的空白边,变成了10px。 情况二

    ecshop仿小米模板免费宽屏版

    色调风格简约,专业大气,并兼容IE6 IE7 IE8 FF Chrome等常用浏览器 。它不仅仅适用于此,服装、鞋品、美妆个护同样适合。模板提供GBK以及UTF8两种编码选择,适合更多不同编码的用户使用。 详细说明:

    鼠标移动div时禁止选中div中的文字的方法

    这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的 cssstyle: 复制代码代码如下: html,body{-moz-user-select: none; -khtml-user-...

    ie下margin不居中的三种解决方法

    正常情况下需要将div居中显示时,使用Css样式:margin:0 auto即可,但有时使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的现象。 如下代码: 复制代码代码如下:&lt;style type=”text/css”&gt;#con{...

    jquery插件使用方法大全

    它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX...

    最新美乐乐模板ecshop免费模板

    最新美乐乐模板ecshop免费模板,最新美乐乐模板 ecshop免费模板:模板均采用DIV+CSS布局,利于搜索引擎优化,兼容IE6 IE7 IE8 FF Chrome等常用浏览器。 详细说明:http://php.662p.com/thread-98-1-1.html

Global site tag (gtag.js) - Google Analytics