Question

我有一段艰难的时间来找到问题的解决方案。在我的网页中，我有一个表，我想根据一些将在页面内自动更改的文本来更改背景。

文本可以是纯文本或HTML，但该文本/脚本或CSS可能只在页面的END（并且只有那里）才能关闭正文......如：

<"text that can be hidden for user but change the background">
</body></html>

根据时间在一天内自动更改6次的文本（将是不同的文本/ html）必须显示网页上其他位置的其他背景图像。

换句话说，我想根据在身体末端找到的文字/脚本来更改表格的 sunny.gif 或 cloudy.gif 背景。< / p>

你们对如何实现这个目标有所了解吗？

提前谢谢！

Answer 1

最简单的方法是添加带有CSS规则的样式，如下所示，初始图像为红色，页面底部添加的样式将其更改为黄色

div, p {
  text-align: center;
}

.changeBkg { 
  margin: 0 auto;
  width: 300px;
  height: 100px;
  background: gray url(http://placehold.it/200/f00) center center / cover no-repeat;
}

<body>


<div class="changeBkg"></div>
<p> Some text bla bla bla</p>
<p> Some text bla bla bla</p>
<p> Some text bla bla bla</p>
<p> Some text bla bla bla</p>


<!-- text/style that change i.e. a background image -->
<style> .changeBkg { background-image: url(http://placehold.it/200/ff0); } </style>

</body>

如何根据同一页面上的文本/脚本更改div或表的背景

1 个答案: