方向：rtl 不适用于 IE11

Question

我已经根据 this question

设置了电子邮件混淆

CSS:

.e-mail:before {
    content: attr(data-website) "[=10=]40" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
}

HTML:

<span class="e-mail" data-user="otcatnoc" data-website="moc.shtopurg">

但它在 IE 11 上不起作用...关于如何修复它或我做错了什么的任何想法？

感谢任何帮助，谢谢

Answer 1

你没有做错任何事，所以不用担心。只是 IE，尽管它知道 direction:rtl，但也忘记将其应用于 :before。

使其工作的一种方法是使跨度 rtl 的容器，以便整个跨度，包括它的 :before，被反转。所以给 p 一个 id 并应用样式。

#mailbox {
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: left;
}
.e-mail:before {
  content: attr(data-website)"[=10=]40" attr(data-user);
}

<p id="mailbox">
  <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
  <span class="e-mail" data-user="otcatnoc" data-website="moc.shtopurg"></span>
</p>

适用于我测试过的所有浏览器（FF 3.6 及更高版本，Chrome 20 及更高版本，IE8 及更高版本）。

方向：rtl 不适用于 IE11

direction: rtl not working on IE11

css

html

twitter-bootstrap

obfuscation