html - IE 11 问题

Question

您好，我在 wordpress 中使用自定义 css 来更改底部的主题版权。它在 chrome 和其他浏览器中工作正常，但在 IE 11 中它只是显示空白。

有什么办法可以解决吗？谢谢

网站:http://www.corebusinesssa.co.za/Test/

CSS:

.footer-socket-wrapper .copyright {
visibility: hidden;
}

.footer-socket-wrapper .copyright:before {
visibility: visible;
content: 'Copyright © 2016 Avmark Systems - Created by Core Business SA';
font-weight:bold;
}

Answer 1

在 IE 中使用 :before 和 :after 有一个问题(我不知道是什么)。从技术上讲，它们是伪代码，因此 IE 必须比其他浏览器更严格地遵守标准。

在 IE11 中，我通过将 html 类从 copyright 更改为 span 使其工作:

<div class="span">Copyright © 2016 <a title="Avmark Systems" href="http://www.corebusinesssa.co.za/Test/"><span>Avmark Systems</span></a>. Powered by <a title="WordPress" href="http://wordpress.org" target="_blank"><span>WordPress</span></a>. Theme: Spacious by <a title="ThemeGrill" href="http://themegrill.com/themes/spacious" target="_blank" rel="designer"><span>ThemeGrill</span></a>.</div>

更改还需要应用于 CSS:

.footer-socket-wrapper .span:before {
visibility: visible;
content: 'Copyright © 2016 Avmark Systems - Created by Core Business SA';
font-weight:bold;
}

它不是很干净，但是可以用。

你也可以尝试改变

.footer-socket-wrapper .copyright {
visibility: hidden;
}

到

.footer-socket-wrapper .copyright {

}

注释掉或删除可见性线，看看是否可行。