Css 如何预加载导航栏'；s图形

我创建并编码了自己的css导航栏（灵感来自苹果，如果这有助于可视化的话），这意味着我有带有4个状态的动态按钮，我用css样式表来管理它们。我只有两个图形，一个是按钮状态，另一个是样式化的“文本”

但是，我想让nab栏的图形预装到我的网页中

1） 这可能吗

2） 它有用吗

---

3） 如果对这两个问题都是肯定的，那么代码是什么？

您可以使用JavaScript预加载图像，或者在页面的早期插入带有样式的img标记来隐藏图像

JavaScript示例：

<script>
image = new Image();
image.src = '/path/to/image.png';
</script>

图像=新图像（）；
image.src='/path/to/image.png'；

您需要为每个要预加载的图像执行“image=…”、“image.src=…”。此代码将图像加载到浏览器的缓存中

HTML/CSS示例：

<img src="/path/to/image.png" style="display: none;" />

---

以上内容将加载图像，但不会在页面上显示。

您可以使用JavaScript或在页面的早期插入带有样式的img标记以隐藏图像，从而预加载图像

JavaScript示例：

<script>
image = new Image();
image.src = '/path/to/image.png';
</script>

图像=新图像（）；
image.src='/path/to/image.png'；

您需要为每个要预加载的图像执行“image=…”、“image.src=…”。此代码将图像加载到浏览器的缓存中

HTML/CSS示例：

<img src="/path/to/image.png" style="display: none;" />

---

上面的内容将加载图像，但不会显示在页面上。

我真的不明白预加载这些图像的意义。如果图像是静态的，并且总是引用同一个没有参数的文件，则浏览器将缓存这些图像，并且仅在访问者第一次访问您的站点时加载这些图像（除非您使用一些奇特的http头设置阻止缓存），并在进一步请求时从客户端浏览器缓存中提供这些图像。你有没有关于导航的例子

如果你担心加载时间，你可以很容易地拥有一个类似于apple.com的导航，使用css3渐变作为背景，边界半径作为外部容器，并且只在IE样式表中声明一个背景图像作为后备选项，因此现代浏览器不会请求IE背景模式

---

添加1px偏移量的文本阴影，让您的导航具有3d效果。

我真的看不出预装这些图像有什么意义。如果图像是静态的，并且总是引用同一个没有参数的文件，则浏览器将缓存这些图像，并且仅在访问者第一次访问您的站点时加载这些图像（除非您使用一些奇特的http头设置阻止缓存），并在进一步请求时从客户端浏览器缓存中提供这些图像。你有没有关于导航的例子

如果你担心加载时间，你可以很容易地拥有一个类似于apple.com的导航，使用css3渐变作为背景，边界半径作为外部容器，并且只在IE样式表中声明一个背景图像作为后备选项，因此现代浏览器不会请求IE背景模式

---

添加1px偏移量的文本阴影，让您的导航具有3d效果。

是的，我有一个例子，请访问Apple.com。我的菜单栏使用的技术与适应xhtml 1.0传统的技术大致相同。如果您愿意，请查看它们的代码，这会让您了解我的功能。我可能会编辑我的帖子，向您展示我自己的代码，但您必须提出要求：染料，我有一个例子，请访问Apple.com。我的菜单栏使用的技术与适应xhtml 1.0传统的技术大致相同。如果您愿意，请查看他们的代码，这将让您了解我的情况。我可能会编辑我的帖子，向你展示我自己的代码，但你必须要求：D