代码之家 › 专栏 › 技术社区 › Tom

css图标高度问题

html icons formatting internet-explorer css

Tom · 技术社区 · 17 年前

在HTML中,我使用:

<span class="showMore">Show more details</span>

然后在css中,我有:

.showMore {
    color: #0E4B82;
    padding-left: 18px;
    background: url("images/icons/add.png") no-repeat 0px 0px;
}

.showMore:hover {
    color: #F5891D;
    cursor: pointer;
}

哪里 add.png onclick 事件

<span/> . 添加透明边框修复了IE7中的问题:

.showMore {
    border: 1px solid transparent;
    color: #0E4B82;
    padding-left: 18px;
    background: url("images/icons/add.png") no-repeat 0px 0px;
}

但IE6不能处理透明度问题。将文本变大可以解决问题,但我不想要大文本。 line-height 不起作用。有人知道有什么可以帮忙的吗?

2 回复 | 直到 13 年前

user215675 13 年前

no-repeat center left no-repeat top left 确保IE不会切掉图标底部的2倍。为什么使用 center 而不是 top

.showMore {
    color: #0E4B82;
    padding-left: 18px;
    background: url("images/icons/add.png") no-repeat center left;
}

.showMore:hover {
    color: #F5891D;
    cursor: pointer;
}

Ólafur Waage 17 年前

做

display: block;
height: 16px;

帮助确定跨度的高度?

推荐文章

ttruhcheva · 如何在Power BI中创建灵活的数据标签?

4 年前

M.Walko · 在降价中更改ATX标题的字体大小

8 年前

Adam Waring · Bootstrap 4容器的文本包装

8 年前

Stephen R · HTML“number”输入不允许JavaScript显示逗号

8 年前

Jamie Wilson · 打印文本文件(Python)

8 年前

Melzy · 日期格式后端

8 年前

new2Ubuntu · 在Python3中打印格式化的浮点列表

8 年前

Apple Cola · Mathematica:“Findroot”未返回预期结果

8 年前

funseiki · 将日期插入为epoch\u seconds,输出为格式化日期

8 年前

Reilly Ford · 使用导航栏+页面选项卡格式化问题

8 年前