绘制通过CSS定义的HTML元素的优先级

Question

我想阻止像这样的网页呈现

1. 使用＃51a025
填写整个背景
2. 平铺图片/ bg.png
3. Tile content_bg.png

这些步骤可能非常明显地分散注意力，并且取决于浏览器/机器可以在 时使用

所以我的问题是，“我怎样才能防止这种影响？”

内容是从php和mysql生成的，所以我猜测绘图链接到数据库交互。

这是CSS

body {
 font-size: 75.5%; /* Resets 1em to 10px */
 font-family: Tahoma, Arial, Sans-Serif;
 background:#51a025 url('images/bg.png') repeat-x 0 0;
 color: #000;
 text-align: center;
 }

#page {
 background: url('images/content_bg.png') repeat-y 0 0;
 text-align: left;
 }

Answer 1

bg.png和content_bg.png有多大？如果文件很大，那么您看到的延迟可能只是他们下载的时间。

您可以尝试使用OptiPNG或类似的工具来缩小文件大小。

Answer 2

您不能强制一个css规则在另一个之前进行评估。通常，它们按照放置在文件/标记中的顺序进行评估。 CSS确实非常非常快，即使它的速度最慢，它的加载速度也比人眼可以检测到的要快。所以我的回答是 你无法阻止这种影响 ，但这并不重要，因为CSS速度非常快。

Answer 3

  

内容是从php生成的   mysql所以我猜测绘图是   链接到数据库交互。

不，内容是在服务器端生成的，并以HTML格式传送到您的浏览器。绘图完全由浏览器（客户端）完成。