Safari忽略了Modernizr CSS规则(Mobile Safari也是如此)

Question

我无法弄清楚为什么Safari/Mobile Safari会忽略使用Modernizr .generatedcontent规则使用icomoon隐藏图标的一行代码.您可以在http://importbible.com/上查看实时网站,图标位于页面的页脚上.浏览器在Chrome上完美呈现.做了一些测试,Safari 5.1.2在Safari 6.0.1工作时失败了.iPad运行4.3失败.有问题的一行是:

.generatedcontent .icon-gplus, .generatedcontent .icon-facebook, .generatedcontent .icon-twitter, .generatedcontent .icon-feed, .generatedcontent .icon-youtube, .generatedcontent .icon-flickr, .generatedcontent .icon-deviantart, .generatedcontent .icon-tumblr, .generatedcontent .icon-share, .generatedcontent .icon-tag, .generatedcontent .icon-home, .generatedcontent .icon-news, .generatedcontent .icon-cart, .generatedcontent .icon-cart, .generatedcontent .icon-basket, .generatedcontent .icon-mail, .generatedcontent .icon-clock, .generatedcontent .icon-forward, .generatedcontent .icon-replay, .generatedcontent .icon-chat, .generatedcontent .icon-refresh, .generatedcontent .icon-magnifier, .generatedcontent .icon-zoomin, .generatedcontent .icon-expand, .generatedcontent .icon-cog, .generatedcontent .icon-trash, .generatedcontent .icon-list, .generatedcontent .icon-grid, .generatedcontent .icon-download, .generatedcontent .icon-globe, .generatedcontent .icon-link, .generatedcontent .icon-attachment, .generatedcontent .icon-eye, .generatedcontent .icon-star_empty, .generatedcontent .icon-star_half, .generatedcontent .icon-star, .generatedcontent .icon-heart, .generatedcontent .icon-thumb, .generatedcontent .icon-cancel, .generatedcontent .icon-left, .generatedcontent .icon-right { display: none !important; }

Answer 1

如果没有别的办法，就把它作为调试选项扔掉。您是否尝试过使用通配符.icons？

[class*='icon-'] { display:none !important }

或者

[class^='icon-'] { display:none !important }

编辑：星期五你的页面超时，所以我无法查看它。今天我收到以下错误（Safari 5.1.2/MAC）：

1. XMLHttpRequest 无法加载 http://static.ak.fbcdn.net/rsrc.php/v2/yy/r/5SjacuFVbni.js。Access-Control-Allow-Origin 不允许来源 http://www.facebook.com 。授权
2. 无法加载资源：服务器响应状态为 407（需要代理身份验证）//这可能是我的问题。

我在“连接”下看到 6 个图标。

我直接浏览到错误行 #1 中的 URL（Safari 或 Chrome）没有问题。