火狐浏览器适用的 CSS简单的渐变背景

background: -moz-linear-gradient(left, #3992D0, rgba(227, 157, 168, 0.5));

从左到右第一个参数写left;

从上到下则写top;

第二个参数是渐变开始的颜色;

第三个参数是渐变结束的颜色和透明度。

所谓rgba:

R:红色值。正整数 | 百分数

G:绿色值。正整数 | 百分数

B:蓝色值。正整数 | 百分数

A:Alpha透明度。取值0~1之间。

前三个值(红绿蓝)的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。

如果你想设置纯红色,那么把red参数设置满,即255,绿,蓝设置0即可。

第四个值, alpha, 制定了色彩的透明度/不透明度,它的范围为0.0到1.0之间。

时间: 2024-11-10 07:28:38

火狐浏览器适用的 CSS简单的渐变背景的相关文章

火狐浏览器,IE11浏览器 兼容处理

火狐浏览器中的css hack /**火狐浏览器兼容处理**/ /**火狐浏览器(所有)兼容处理**/ @-moz-document url-prefix() { 在这里输入兼容样式 } /**火狐浏览器2版本兼容处理**/ html>/**/body .selector, x:-moz-any-link { 在这里输入兼容样式 } /**火狐浏览器3版本兼容处理**/ html>/**/body .selector, x:-moz-any-link, x:default { 在这里输入兼容样

火狐浏览器使用firebug获取xpath和css path

工作中,常常会用到网页元素的定位方式,常用的有xpath和css path两种定位方式. 现在简单介绍如何使用工具自动生成元素的定位字符串. 首先介绍在火狐浏览器上使用FireBug及其扩展FirePath两款工具,它们可以自动生成定位字符串和验证自己编辑的定位字符串能否匹配网页元素. 对着这两款工具截图如下: 使用方法: 打开一个网页,例如www.hao123.com; 鼠标右键点击一个页面元素--使用FireBug查看页面元素,鼠标单击页面左上角的FireBug插件图标或者按下F12键,三种

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1

火狐浏览器高度&amp;制作简单万年历&amp;弹出层

浏览器高度: FireFox中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 万年历: 1 <!DOCTYPE html> 2 <html> 3 4 &l

FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条

问题一:最简单的鼠标移过手变型的css要改了 cursor:pointer;/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不支持. filter: Alpha(Opacity=50); /* for IE */ opacity: .5;/* for Firefox */ style="-moz-opacity:0.5; filter:alpha(opacit

IE和firefox火狐在JS、css兼容区别

1.firefox不能对innerText支持. firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了.如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替. 2.禁止选取网页内容: 在IE中一般用js:obj.onselectstart=function(){return false;} 而firefox用CSS:-moz-user-select:none

Firefox火狐浏览器的高效使用

Firefox火狐浏览器的高效使用 在统一的地址栏搜索一切 页面操作菜单:书签.截图.保存或分享 同步 账户 跨平台的使用 附加组件 我用的组件 如何下载与安装 如何看使用说明书 油猴脚本的详细 tampermonkey 脚本的下载 我用的脚本 如何选用脚本 插件与脚本如何选择 如何判断脚本质量:使用人数与评价星级 扩展:拥抱开发者社区 如何看懂脚本文件 贡献自己的脚本 如何用自己的脚本赚钱 学习与探寻高效软件的秘诀 特别鸣谢:王顶老师 Firefox火狐浏览器的高效使用 注意:总体功能同样适用

css简单了解

今天主要是说一下css样式表!HTML结合他使用可以是HTML页面变得很绚丽多彩! 先简单介绍一下为什么要使用CSS(Cascading Style Sheets)层叠样式表! 1.因为CSS样式表可以定义HTML 元素如何显示 2.所有主流浏览器都支持CSS样式表 3.样式表极大地提高了工作效率 4.并且,多重样式表可以层叠为一个 那如果当同一个HTML元素被不只一个样式定义的时候,会使用哪一个样式呢? 一般而言,所有样式会根据下面的规则层叠于一个新的虚拟样式表,其中第4条拥有最高优先权. 1

教你使用火狐浏览器(Linux)保护隐私

基于这些目的选择浏览器的时候,火狐或许是你的最佳选择.谷歌 Chrome 不能信任.它是属于谷歌的,一个众所周知的数据收集公司,而且它是闭源的. Chromium 或许还可以,但并不能保证.只有火狐保持了一定程度的用户权利承诺. 火狐设置 火狐里有几个你能设定的设置,能更好地保护你的隐私.这些设置唾手可得,能帮你控制那些在你浏览的时候分享的数据. 健康报告 你首先可以设置的是对火狐健康报告发送的限制,以限制数据发送量.当然,这些数据只是被发送到 Mozilla,但这也是传输数据. 打开火狐的菜单