css超长文本截断显示省略号的样式问题

hhxx
  • 569

遇到一个奇怪的问题,先贴代码

html:
    <p>
        <a><em>xxx</em>xxxxxxxx(超长文本)</a>
    </p>
css:
   p a { display: block; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

结果在ie8,9遇到了这么个情况

clipboard.png
省略号变成了红色的竟然,只有这两个版本的ie有这个情况。将em标签去掉以后变成了下面的样子:

clipboard.png
颜色正常了,但是省略号位置有变化,而且关键是em标签是要保留的,有高人可以指点下吗?

回复
阅读 5.9k
2 个回答

设置一下a标签的字体颜色就ok了

hhxx
  • 569

事实证明是因为省略号继承了a标签下第一个元素em的color属性,我添加了一个空的span标签后搞定了!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏