-5

为什么我的 CSS 在所有浏览器中的应用都不同？例如，对于以下代码：

<body align="center"  background="F:\photos\sravan\wi7.jpg">

我可以看到我的文本在 Chrome 中居中对齐并带有背景，但在 Mozilla 中不一样！为什么会这样？

4

2 回答 2

3

file://出于安全原因，浏览器会限制对资源的访问。AFAIK，您只能在同一目录中指定图像位置，即您的 HTML 文件也必须位于f:/photos并使用相对路径引用，即。sravan/wi7.jpg.

此外，正如评论中所指出的，您使用的符号不是 CSS。使用 HTML 属性指定视觉属性是一种过时的技术，最好切换到实际的 CSS。了解它的基础知识，例如这里或罗伯特推荐的网站之一。

于 2012-10-23T09:20:40.687 回答
2

你的代码不是 CSS

相反，您应该拥有 HTML 和 CSS，如下所示：

<body>
    content
    ...
</body>

和正文 CSS

body {
   background-image: url(URL to your image and not local path);
   text-align: center;
}

学习语言

无意冒犯，但我强烈建议您在深入研究编写任何合理的代码之前学习 HTML 和 CSS。

HTML 规范

根据W3C 规范 body，元素不支持align属性，background在 4.01 中已弃用，在 HTML5 中不支持。所以不要将它用作属性。使用 CSS 定义样式：

  • 在您在 HTML 中引用的单独 CSS 文件中
  • style在headHTML 元素中添加元素

  • （不推荐）添加与您的元素内联的样式：

    <body style="text-align: center; background-image: url(wi7.jpg);">

由于 CSS 具有许多内联样式的工作方式使您的应用程序难以维护，并且还引入了新的 CSS hack，您必须使用这些技巧才能使您的页面按预期呈现。关注点分离规则。HTML 文件是你的内容定义，CSS 文件是它的样式。尽可能将它们分开。

一般建议

由于浏览器尝试遵循规范，因此它们的 HTML+CSS 呈现之间可能存在差异。有些人可能对此非常严格，有些人可能会更宽松一些。尽量保持在规范范围内，您应该会获得更好的跨浏览器结果。

于 2012-10-23T09:20:03.737 回答