【问题标题】:How to change a Div background url which is inside a link tag?如何更改链接标签内的 Div 背景网址?
【发布时间】:2016-09-12 21:21:39
【问题描述】:

我有一个带有背景图片的 div 标签,在一个链接标签内。我想要做的是一旦点击它,突出显示或更改 div 标签的相关背景图像。

<td>
  <a href="../pages/index.php">
    <div id="dashboardDiv" 
      style="background:url(../images/home.png) no-repeat center";)>
    </div>
  </a>
</td>
<td></td>

CSS:

#dashboardDiv{
    border:thin;
    float:left;
    height: 133px;
    width: 133px;
}       

【问题讨论】:

  • 这个好像和php没什么关系吧? - 另外,向我们展示您的尝试
  • 我在上面添加了用于此的 css 和 html 代码。提前致谢。请帮助我,因为我是编程新手。
  • 感谢您的参考。

标签: html css


【解决方案1】:

您可以为访问的链接设置样式:

a:visited > #dashboardDiv {
    background-image:url(NEW_URL_HERE) !important;
    /*you can remove !important if you don't style the div inline*/
}

如果您希望仅在单击链接时更改背景,您可以改用 CSS :clicked 伪类。

【讨论】:

  • 感谢您的回复。
猜你喜欢
  • 1970-01-01
  • 2013-08-11
  • 1970-01-01
  • 1970-01-01
  • 2021-02-13
  • 1970-01-01
  • 2015-10-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多