无效的css[linear-gradient]写法

.loginbox{
background-color: linear-gradient(#D0D0D0, #E0E0E0, white);
width: 300px;
}
  • 此CSS样式无法改变元素的背景色,是因为渐变色在CSS中被定义成了 image 类型,所以渐变色只可以用在需要图形数据的地方。因此linear-gradient在background-color与color中引用无效,要想实现操作可以直接写为background属性
.loginbox{
background: linear-gradient(#D0D0D0, #E0E0E0, white);
width: 300px;
}
  • 如仍然无法显示,考虑浏览器兼容问题
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法(必须放在最后) */

参考链接

未完,待续

最新文章

  1. 利用注册表在右键添加VS15的快捷方式打开文件夹
  2. vm.max_map_count
  3. Windows Store App Image开发示例
  4. gulp基本用法
  5. MVC中的奇葩错误,参数转对象
  6. Amazon教程:刚买就降价!避免损失,申请PRICE MATCH(价格保护)的方法
  7. 126. Word Ladder II
  8. iis7.5 aspx,ashx的mime类型
  9. python之花瓣美女下载
  10. iOS基础 - 控制器
  11. 使用Python中的mock模块进行单元测试
  12. java.io.IOException: There appears to be a gap in the edit log. We expected txid ***, but got txid
  13. 定制起始url(scrapy_redis)
  14. Redis hash结构
  15. Java数组搜索和比较
  16. c# 通过html导出pdf,带分页
  17. c#写扩展方法
  18. visual studio 2017 编译v140 TRACKER : error TRK0005: Failed to locate: "CL.exe". 系统找不到指定的文件
  19. C#中用SerialPort类中的Write()方法发送十六进制数
  20. java 使用ByteArrayOutputStream和ByteArrayInputStream实现深拷贝

热门文章

  1. k8s v1.18.2 centos7 下环境搭建
  2. Java跨平台原理与Java虚拟机(JVM)
  3. C++ 中的虚函数表及虚函数执行原理
  4. 手把手教你Spring Boot2.x整合Elasticsearch(ES)
  5. IntelliJ-IDEA 打包代码报错
  6. JAVA-标识符、变量、数据类型
  7. pandas函数高级
  8. springmvc 最权威的知识点
  9. Html5分页显示Table
  10. Android中的TaskStack及启动模式