使用 JavaScript 或 CSS 在网页的不同位置多次显示相同的图像

【问题标题】：Displaying same image multiple times at different locations in a web page using JavaScript or CSS使用 JavaScript 或 CSS 在网页的不同位置多次显示相同的图像
【发布时间】：2010-12-03 00:23:12
【问题描述】：

我希望在 1275 X 1650 的网络空间中创建一个包含 6 张优惠券的网页，每行两张。每个优惠券空间将包含不同的图像。问题是我将创建 20 个这样的网页，上面有这些优惠券。现在，一些相同的图像将出现在各个网页的不同位置/位置。有没有办法更新同时出现在不同位置/位置的相同图像？用什么语言来完成这个？我尝试过 CSS，但它认为这是不可能的。所以我应该使用 JavaScript。

【问题讨论】：

我对您要完成的工作感到困惑。您是在尝试更新 Web 服务器上的页面，还是在客户端浏览器中？如果在客户端，他们是否打开了多个页面（如果没有，则没有任何重复的图像）？请更具体地说明您要做什么。
为什么会有“Java”标签？ JavaScript 不是 Java。

标签： java css image

【解决方案1】：

我不确定我是否完全理解您的问题，但我会试一试。

假设您在 CSS 中将 6 个优惠券定义为类：.coupon1.coupon2.coupon3.coupon4.coupon5.coupon6

然后，您只需要更新一个给定的类（请注意，一个类可以在同一页面中多次使用）以更新该类的所有优惠券。

您需要使用background css 属性来定义优惠券的外观。

【讨论】：