图标图像保持重复在背景中

时间:2017-04-23 16:19:22

标签: html css phpbb

CSS

我最近安装的论坛风格中的这个图标图像不断重复,创建了一个令人讨厌的背景,它太嘈杂而且分散了实际的话语。

以下是该特定元素CSS的副本:

element {
}
ul.topiclist li.row dl {
    padding: 2px 0;
}
ul.topiclist dl {
    font-size: 10px;
}
ul.topiclist dl {
    position: relative;
}
.clearfix, fieldset dl, ul.topiclist dl, dl.polls {
    overflow: hidden;
}
dl.icon {
    background-position: 95% 15%;
    position: relative;
}
.topic_read_mine {
    background-image: url("./images/icons/topic_read_mine.png");
}

我能够从浏览器检查工具@ http://www.gaymerscommunity.com/viewforum.php?f=4

中检索到这一点

我希望图标只显示一次。如果论坛已读/未读,则表示该指标。

在下面回答

添加'背景重复:不重复'到ul.topiclist dl 还找到了' dl.icon'并调整背景位置以显示在右侧。

谢谢。

2 个答案:

答案 0 :(得分:0)

sam

这里没有PHP

答案 1 :(得分:0)

Css代码来解决这个问题。

ul.topiclist dl {
    background-repeat: no-repeat;
}