发布
社区首页 >问答首页 >如何根据同一页上的文本/脚本更改div或表的背景

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

Stack Overflow用户
提问于 2017-04-29 07:03:07
回答 1查看 46关注 0票数 0

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

文本可以是纯文本或HTML,但该文本/脚本或可能的CSS只能在页面的末尾(而且只有在那里),然后才能关闭正文.像这样:

代码语言:javascript
代码运行次数:0
复制
<"text that can be hidden for user but change the background">
</body></html>

根据时间自动更改6次的文本(将是不同的文本/html)必须在网页上显示不同的背景图像。

换句话说,我想根据正文末尾的文本/脚本更改表的sunny.gifcloudy.gif背景。

你们对如何做到这一点有什么想法吗?

提前谢谢你!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-29 07:48:26

最简单的可能是添加带有CSS规则的样式,如以下所示,其中初始图像为红色,页面底部添加的样式将其更改为黄色。

代码语言:javascript
代码运行次数:0
复制
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;
}
代码语言:javascript
代码运行次数:0
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43692780

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档