图标图像在背景中不断重复

Question

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

我希望图标只显示一次。如果论坛是 read/unread，它意味着成为一个指标。

回答如下

将 'background-repeat: no-repeat' 添加到 ul.topiclist dl 还找到了'dl.icon'，调整了background-position 显示在右边。

谢谢。

Answer 1

background-repeat: no-repeat;

这里没有PHP

Answer 2

Css 修复该问题的代码。

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

图标图像在背景中不断重复

Icon Image Keeps Repeating in Background

html

css

phpbb