0

我不明白为什么它在 IE9 和 IE10 上不起作用。它适用于其他浏览器,但不适用于那些浏览器。这是我的问题:

s
(来源:d.pr

.briefing h3 {
    margin-bottom: 23px;
    border-bottom: 3px double #9f9c9b;
    position: relative;
    padding-bottom: 22px;
    padding-left: 40px;
}

.briefing h3:before {
    content: url('../img/general-title-decoration-white.svg?1370978950');
    width: 25px;
    display: block;
    top: 2px;
    left: 0;
    position: absolute;
}

我也在主页上使用这种技术来装饰字幕。除了它有效:


(来源:d.pr

使用此代码:

.special-title {
    font-size: 24px;
    color: #a4a19e;
    line-height: 1.2;
    position: relative;
    padding: 8px 0 8px 38px;
    border-top: 1px solid #e2dbcf;
    border-bottom: 1px solid #e2dbcf;
    margin-top: 49px;
    margin-bottom: 25px;
}

.special-title:before {
    content: url('../img/general-title-decoration.svg?1369571463');
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    top: 10px;
}

我试图查看差异,但我不明白。

此外,伪元素不会出现在我的 IE 控制台上,因此测试起来有点困难(尤其是使用 browserstack)。

有任何想法吗 ?我被困在那里。

这是出现问题的页面

和它没有的页面

非常感谢。:)

4

2 回答 2

0

您是否尝试过不定位:before元素absolute?只要您不定义,它应该没有它就可以很好地定位display:block;

此外,这两种情况之间的区别在于您display:block;在第一种情况下设置。

于 2013-07-01T15:48:12.370 回答
0

我无法对此进行测试,但请尝试使用::before,这在 CSS3 中显然是新的。

于 2013-07-01T16:15:49.867 回答