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

Question

我想阻止这样的网页呈现

1. 用#51a025 填充整个背景
2. 平铺图片/bg.png
3. 平铺 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或类似的工具来减小文件大小。