CSS3 Gradient无法在Firefox中运行
作者:互联网
2026-04-07
出于某种原因,我的CSS Gradient无法在Firefox(v10.0.1)中运行.该页面的主要背景应该是从顶部的白色到蓝色的渐变,但在Firefox而不是平滑的渐变中,我只是得到两个实心的颜色块,一个是白色,一个是蓝色.在Chrome和Safari(在iPad和iPhone上),它完美运行.
这是该页面的测试网址:
http://testing.xenongroupadmin.com/bitesize/login.html
这是我的CSS代码:
body { font-family: arial, tahoma, verdana, sans-serif; background: linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%); background: -o-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%); background: -moz-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%); background: -webkit-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%); background: -ms-linear-gradient(bottom, #FFFFFF 42%, #CDEDFA 6%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0.42, #FFFFFF), color-stop(0.06, #CDEDFA)); margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; width: 100%; min-width:1350px; } 我试过寻找答案,但似乎找不到符合我目前困境的例子.
感谢大家
尝试这个…它的跨浏览器甚至可以在ie6中运行.bodyGradient { position: absolute; top: 0; left: 0; border-top: 3px solid #93ae59; z-index: -1; background: -moz-linear-gradient(top, #cfddac, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#cfddac), to(#fff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfddac', endColorstr='#ffffff'); background: -o-linear-gradient(rgb(207,221,172),rgb(255,255,255));}
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
WebSocket 连接池生产级实现:实时行情高可用与负载均衡
04/18
使用 Python 合并与拆分 Excel 单元格的实用方法
04/18
Pandas数据清洗完整指南:8大核心技巧详解
04/17
NumPy+Pandas数据分析基础完全指南
04/17
AI Agent 接入 Zvec (一):MCP 篇
04/17
python 更新Obsidian
04/17
用Manim实现动态交点计算--从一个动点问题说起
04/17
用 AI 解决数据库性能问题的方法论
04/17
前端害怕被蒸馏 快速入门Python 【demo_03】
04/17
Python 操作 Word 文档节与页面设置
04/16
AI精选
