gpt4 book ai didi

html - CSS 3 背景渐变在 HTML 5 文档中的 Firefox 中消失

转载 作者:搜寻专家 更新时间:2023-10-31 08:20:56 25 4
gpt4 key购买 nike

我遇到了一个奇怪的问题。我有一个渐变背景颜色的文档。

<body class="loginbackground">

.loginbackground {
background: #64889A; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#64889A'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#64889A)); /* for webkit browsers */
background: -moz-linear-gradient(top, #DCDCDC, #64889A); /* for firefox 3.6+ */
width: 100%;
height: 100%;
}

第一次构建页面时,我没有设置文档类型(是的,我的错,但它仍处于 pre-pre-alpha 阶段!)

我添加了 <!DOCTYPE html>到我的 html 文件,然后 bam,背景渐变消失了。

它在 Chrome 和 IE 中运行良好。这仅在 Firefox 中被破坏。我正在使用 Aurora (13a0.2)。如果我删除行 -moz-linear-gradient ,然后显示默认背景颜色(无渐变)。

是我做错了什么还是 Firefox 中的错误?

**更新**如果我给 background-size: 1000px 1000px然后它起作用了,有点。我想给100% 100%auto ,但这不起作用。提供固定大小意味着它取决于屏幕分辨率。

最佳答案

你的问题是,根据规范,渐变大小框是背景样式所在的元素框。在标准模式下,你的 body 高度为 0 因为你没有设置 height: 100%<html> 上.如果在正文上加边框,您可以看到这一点。

关于html - CSS 3 背景渐变在 HTML 5 文档中的 Firefox 中消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10302715/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com