Question

再次使用IE7时出现问题。

我尝试使用:: after＆amp; ::在伪元素之前，在我的条目的光标末尾添加一个箭头。它没有显示在jsfiddle的代码中，但是用户必须完全自由地设计箭头（大小，类型，颜色等）。

参见jsfiddle

<div style=" " 
             id="progress" 
             class="progress">
            <div unselectable="on" style="
                                          color:rgb(0,94,149); 
                                          border-color: rgb(0,0,151);
                                          border-style: dashed;" 
                 id="progressAmount" 
                 class="amount progressamount pseudoelement-after rightRightPlainArrow">

                    <div class="arrow_box ">
                        28
                    </div>

    .progressamount:after, .progressamount:before,
div[class*=pseudoelement] > .before, div[class*=pseudoelement] > .after  {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

/* ------------------------------------------------ right-right plain arrow ------------------------------------------------ */
.rightRightPlainArrow:after,
.rightRightPlainArrow[class*='pseudoelement'] > .after {
    border-right-color: rgb(0,0,0);
    border-width: 13px;
    margin-top: -13px;
    right: -13px;
}
/* ------------------------------------------------------------------------------------------------------------------- */

全屏结果

http://jsfiddle.net/22hNA/6/embedded/result/

您可以猜测它在IE8 +和Chrome上工作正常，但由于IE7不支持这些伪元素，因此它无法使用此版本。

我尝试了很多不同的东西，比如使用IE8.js或jquery伪插件，但在我的情况下似乎不起作用（IE8.js在我的页面中乱七八糟）。我还尝试了另一个来自luke lutman的jquery伪插件，但我不知道它是不起作用还是我根本不懂如何使用它。原因可能是我已经使用了很多不同的工具来使IE7工作，如渐变过滤器或半径和阴影的CSSPIE lib（不在小提琴中）。

我的榜样足够清楚吗？我试图简化它，但最初简化起来非常麻烦，因为我也在使用很多私有脚本。

如何使用IE7显示这个小箭头（并使用:: after＆amp; :: before el el）？

有时候这是不可能的吗？

谢谢你，添

Answer 1

尝试使用UTF-8 Unicode块箭头或三角形

CSS

content : "◀";

见

http://utf8-chartable.de/unicode-utf8-table.pl?start=9600&number=128

http://utf8-chartable.de/unicode-utf8-table.pl?start=8576

特定箭头使用:: after＆amp; ::在使用IE7的伪元素之前

1 个答案: