ie6/7居然不支持background-color:grey;必须写成background-color:#999999;

最新推荐文章于 2021-07-28 11:33:30 发布
最新推荐文章于 2021-07-28 11:33:30 发布
阅读量3.5k 收藏
点赞数
文章标签： ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fycghy0803/article/details/5629906
版权

son of the bitch!

ross
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
postcss-color-gray:在CSS中使用gray（）颜色函数
05-05
PostCSS灰色 允许您遵循规范的过时版本（2019年11月5日）在CSS中使用gray()颜色函数。 :warning: gray()已从删除。 body { background-color : gray ( 100 ); color : gray ( 0 / 90 % ); } /* becomes */ body { background-color : rgb ( 255 , 255 , 255 ); color : rgba ( 0 , 0 , 0 , .9 ); } 用法 将添加到您的项目中： npm install postcss-color-gray --save-dev 使用处理CSS： import postcssGray from 'postcss-color-gray' ; postcssGray . process ( YOUR_CSS /*,
Change-Background-Color:JavaScript更改背景颜色
05-28
更改背景颜色 JavaScript更改背景颜色
解决ie兼容颜色rgba格式 实验目前到支持IE5
weixin_43778272的博客
10-13 402
解决ie兼容颜色rgba格式 background-color:rgba(0,0,0,0.5); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 以上代码
兼容IE8的半透明背景
GUANTINA的博客
03-23 1672
半透明背景  （子元素不透明）：在IE低版本不支持这样写。background-color: rgba(0, 0, 0, 0.3) 半透明背景  （子元素也透明，在IE 8上只有背景透明，子元素不透明,ie9+子元素也透明了）opacity: 0.3综上，可以利用opacity在IE8上子元素不透明来做IE8上的背景透明，利用background-color: rgba(0, 0, 0, 0.3)...
IE浏览器关于带透明度的颜色显示问题
qq_43654065的博客
07-28 277
十六进制：带透明度的颜色表示会失效。包括background-color、color、box-shadow、linear-gradient等。 rgba：background-color、color、box-shadow可以正常显示，linear-gradient也可以正常显示，但filter中的颜色如果使用rgba颜色会有一定误差。 总结： 如果兼容性要求较高，尽量少使用透明度，直接用十六进制的正色表示。 ...
ie6+7+8等对background-color:rgba(),background-img渐变的兼容
weixin_30387423的博客
09-20 206
一，ie8兼容rgba()的解决办法 今天遇到了一个问题，要在一个页面中设置一个半透明的白色div。这个貌似不是难题，只需要给这个div设置如下的属性即可： background: rgba(255,255,255,.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义，r代表red，g代表g...
【IE9/8/7/6/5】RGBA（background-color: rgba(R, G, B, A);）背景透明兼容性（含“条件注释判断浏览器版本”介绍与例子）
iuukai
02-04 411
关于RGBA的兼容，我百度过后，整理如下（真正的兼容方法在最下面） 在不兼容情况下 RGBA的属性，对于IE8以下是无效的： 所以，下面开始介绍各种兼容方法 一、添加IE的filter属性：（兼容IE8以及以下版本，却不兼容IE9） filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fff0000, ...
IE/FireFox/Chrome 取style.backgroundColor 兼容性问题
JasonYao的程序猿路
08-14 3771
参考地址：http://www.zhangxinxu.com/wordpress/2010/03/javascript-%E5%8D%81%E5%85%AD%E8%BF%9B%E5%88%B6%E4%B8%8Ergb%E9%A2%9C%E8%89%B2%E5%80%BC%E7%9A%84%E7%9B%B8%E4%BA%92%E8%BD%AC%E6%8D%A2/ 最近在做产品的跨浏览器支持
当IE8 background-color不生效时
meloseven的专栏
03-06 1851
当IE8 background-color不生效时，尝试使用filter: none !important;
关于IE8下css的background属性不起作用的解决办法
weixin_34220179的博客
04-11 829
2019独角兽企业重金招聘Python工程师标准>>> ...
Sketch-Plugin-Invert-Background-Color：在Sketch中反转图层的背景色
02-06
Sketch-Plugin-Invert-Background-Color：在Sketch中反转图层的背景色
cordova-plugin-background-upload:用于背景上传的Cordova插件
03-31
支持平台的iOS 安卓安装要安装插件： cordova plugin add cordova-plugin-background-upload --save要卸载此插件： cordova plugin rm cordova-plugin-background-upload样本用法该插件需要在上传之前进行初始化。...
react-native-animated-background-color-view::rainbow: 一个经过修改的 React-Native "View" 组件，当 "color" 属性改变时，它会为它的 "backgroundColor" 设置动画
05-31
例子安装npm install react-native-animated-background-color-view --save 用法导入AnimatedBackgroundColorView组件 import { AnimatedBackgroundColorView } from 'react-native-animated-background-color-view'...
django-background-tasks：Django的数据库支持的工作队列
02-05
django-background-tasks：Django的数据库支持的工作队列
cordova-background-audio：iOS的Cordova背景音频支持
02-03
cordova-background-audio：iOS的Cordova背景音频支持
background-generator::artist_palette:为您的网站生成背景！
05-05
入门正在安装克隆存储库$ git clone https://github.com/luizGTogni/background-generator.git$ cd background-generator没有依赖贡献您可以根据需要提交任意数量的PR，我将很乐意审核并接受它们！ 如果您对项目有...
awesome-background-subtraction:精选的背景扣除相关论文和资源清单
05-01
令人敬畏的背景减法精选的背景扣除论文清单和相关应用资源即将举行的计算机视觉会议截止日期ACM MM- 2021年4月17日，中国成都FG- 2021年4月15日，印度焦特布尔CIKM -TBA，昆士兰州，澳大利亚WACV -TBA，通常在6月...
background-color:展示cicd管道以更改简单网站的背景颜色
04-08
输液管道展示cicd管道以更改简单网站的背景颜色
完善一下这个布局：@charset "utf-8"; /* CSS Document */ #homemasthead{ background-image:url("Images/grass.jpg"); background-size: cover; background-position:center; font-family: 'Fuzzy Bubbles', cursive; /*background-color: #6CA82E; font-family: 'Fuzzy Bubbles', cursive; border-style:double; border-color:#EDF8C7; border-width:10px;*/ } #nav{ background-color: #AFEBAA; font-family: 'BIZ UDPMincho', serif; } .bg-dark{ background-color: #476C9A !important; } .display-1{ font-size:80px; } #home{ background-color: #C7DDF8; font-family: 'BIZ UDPMincho', serif; } #about{ background-color: #C7DDF8; font-family: 'BIZ UDPMincho', serif; } #footer{ background-color: #476C9A; font-family: 'Fuzzy Bubbles', cursive; color:#F8FBBE; } #links{ font-family: 'Fuzzy Bubbles', cursive; text-decoration: underline; } a{ color:black; } a:link, a:visited{ color: #F8FBBE; } a:hover{ color:#B2BC1A; } #references{ text-decoration: underline; } #refimages a{ color:#00B510; text-decoration: underline; } #refimages a hover{ }
最新发布
06-04
可以根据需要进行如下优化和完善： 1. 在 `#homemasthead` 中添加 `height: 100vh;` 属性，将其高度设置为视口高度，使其占据整个屏幕空间。 2. 在 `#nav` 中添加 `padding: 10px 0;` 属性，将上下内边距设置为10像素，使其更加美观。 3. 在 `.display-1` 中添加 `font-weight: bold;` 属性，将字体加粗，使其更加醒目。 4. 在 `#footer` 中添加 `text-align: center;` 属性，将文本内容居中显示。 5. 在 `#links` 中添加 `cursor: pointer;` 属性，将鼠标样式设置为手型，增加交互性。 6. 在 `a:hover` 中添加 `text-decoration: none;` 和 `font-weight: bold;` 属性，将链接悬停时的下划线去掉，将字体加粗。 7. 在 `#references` 中添加 `cursor: pointer;` 属性，将鼠标样式设置为手型，增加交互性。 修改后的 CSS 代码如下： ```css @charset "utf-8"; /* CSS Document */ #homemasthead { background-image: url("Images/grass.jpg"); background-size: cover; background-position: center; font-family: 'Fuzzy Bubbles', cursive; height: 100vh; } #nav { background-color: #AFEBAA; font-family: 'BIZ UDPMincho', serif; padding: 10px 0; } .bg-dark { background-color: #476C9A !important; } .display-1 { font-size: 80px; font-weight: bold; } #home { background-color: #C7DDF8; font-family: 'BIZ UDPMincho', serif; } #about { background-color: #C7DDF8; font-family: 'BIZ UDPMincho', serif; } #footer { background-color: #476C9A; font-family: 'Fuzzy Bubbles', cursive; color: #F8FBBE; text-align: center; } #links { font-family: 'Fuzzy Bubbles', cursive; text-decoration: underline; cursor: pointer; } a { color: black; } a:link, a:visited { color: #F8FBBE; } a:hover { color: #B2BC1A; text-decoration: none; font-weight: bold; } #references { text-decoration: underline; cursor: pointer; } #refimages a { color: #00B510; text-decoration: underline; } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值