Html 背景还是背景色？哪一种是安全的？_Html_Css_Yui

Html 背景还是背景色？哪一种是安全的？

html css

Html 背景还是背景色？哪一种是安全的？,html,css,yui,Html,Css,Yui,我刚刚发现，当我尝试使用YUI更改身体的背景色时，它在FF5和Opera中不起作用，但在IE和Chrome中起作用。但是，如果我为background设置颜色值，它在FF和Opera中都可以工作。我认为背景色只是背景色的一种专业化。哪一个可以跨所有浏览器安全使用？这里可以看到有问题的代码，但我仍然无法理解YUI如何处理事件。我也在这里托管了带有修改代码的页面，尝试使用IE、Chrome、FF和Opera访问此页面，并注意到值在不同浏览器中的变化是多么平滑。这是因为设置了html元素上的背景属性，

我刚刚发现，当我尝试使用YUI更改身体的背景色时，它在FF5和Opera中不起作用，但在IE和Chrome中起作用。但是，如果我为

background

设置颜色值，它在FF和Opera中都可以工作。我认为背景色只是背景色的一种专业化。哪一个可以跨所有浏览器安全使用？这里可以看到有问题的代码，但我仍然无法理解YUI如何处理事件。我也在这里托管了带有修改代码的页面，尝试使用IE、Chrome、FF和Opera访问此页面，并注意到值在不同浏览器中的变化是多么平滑。

这是因为设置了

html

元素上的

背景属性，而不是主体，因此，如果要指定不同的页面背景颜色，请为html
指定。它与背景色
和速记背景
之间的兼容性问题无关，因为这两个属性在所有浏览器中都得到了完全支持（无论如何，CSS1版本）
编辑：哦，你是说你在使用YUI的JavaScript API。。。在这种情况下，它与DOM样式属性不一致。事实上，您必须使用camelCase符号来实现跨浏览器兼容性（这不仅适用于YUI，还适用于DOM）。IE和Chrome恰好也支持连字符属性名。
这是因为在html
元素上设置background
属性，而不是body
，因此如果您想指定不同的页面背景颜色，请为html
指定。它与背景色
和速记背景
之间的兼容性问题无关，因为这两个属性在所有浏览器中都得到了完全支持（无论如何，CSS1版本）
编辑：哦，你是说你在使用YUI的JavaScript API。。。在这种情况下，它与DOM样式属性不一致。事实上，您必须使用camelCase符号来实现跨浏览器兼容性（这不仅适用于YUI，还适用于DOM）。IE和Chrome恰好也支持连字符属性名。
除非您设置了图像和颜色，否则两者之间没有真正的区别。如果您只设置了一件事，那么您最好只使用背景
除非您设置了图像和颜色，否则两者之间没有真正的区别。如果您只设置了一件事，那么您最好只使用background
它们都可以在所有浏览器中安全使用
background
可以设置它的所有子属性，如背景颜色、背景图像、背景位置
等
因此，与其设置
background-color: #fff; /* white */
background-image: url(path/to/image.png);
background-repeat: repeat; /* or repeat-x, repeat-y, none */
background-position: top center; /* other options include bottom, right, left, along with pixel values and percentages*/
background-attachment: scroll; /* or fixed */

你可以写
background:#fff url（path/to/image.png）上中固定
它们都可以在所有浏览器中安全使用
background
可以设置它的所有子属性，如背景颜色、背景图像、背景位置
等
因此，与其设置
background-color: #fff; /* white */
background-image: url(path/to/image.png);
background-repeat: repeat; /* or repeat-x, repeat-y, none */
background-position: top center; /* other options include bottom, right, left, along with pixel values and percentages*/
background-attachment: scroll; /* or fixed */

你可以写
background:#fff url（path/to/image.png）上中固定
+1到BoltClock的答案，因为在这种情况下，这可能是正确的答案，但是最近我实际上遇到了一个类似的情况，使用了不同的解决方案，所以我想与大家分享一下
在我的例子中，所讨论的元素具有渐变背景：
background: -moz-linear-gradient(top, #c2c2c2, #ffffff);

设置背景色对该元素没有影响，因为渐变优先于颜色。我不得不使用background
来覆盖它。
+1到BoltClock的答案，因为在这种情况下，这可能是正确的答案，但是我最近用不同的解决方案遇到了类似的情况，所以我想与大家分享一下
在我的例子中，所讨论的元素具有渐变背景：
background: -moz-linear-gradient(top, #c2c2c2, #ffffff);

设置背景色对该元素没有影响，因为渐变优先于颜色。我必须使用background
来覆盖它。
要解决您的问题，请添加以下CSS:
html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

html
和body
不会占据100%的高度，这是处理mousemove
事件所需的高度。根元素的背景
，但这与具有100%高度不同
浏览器之间行为不一致的原因可能与@BoltClock的编辑有关，也可能与您的页面正在使用的事实有关，因为您没有doctype。将此添加为第一行：
<!DOCTYPE html>

要解决您的问题，请添加以下CSS：
html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

html
和body
不会占据100%的高度，这是处理mousemove
事件所需的高度。根元素的背景
，但这与具有100%高度不同
浏览器之间行为不一致的原因可能与@BoltClock的编辑有关，也可能与您的页面正在使用的事实有关，因为您没有doctype。将此添加为第一行：
<!DOCTYPE html>


请出示一些代码。背景色在FF5中对我来说很好，你可以显示一些代码吗。背景色对我来说很合适FF5@thirtydot：抱歉抢走了你的风头；）@BoltClock，伙计，我没有使用css。这是一个带有YUI的简单的老式香草HTML页面。看看来源，你就会明白。@Kumar。。。那么，如果不是CSS，你在问什么呢？啊！！！你让我在这里，我的意思是我没有用Y！reset.css，它是一个简单的html，几乎没有css，结果是YUI不能识别背景色
，事实上它能识别背景色
。我在z-index
中遇到了同样的问题，YUI希望它是zIndex
，stup