javascript - 某些sIFR选择器无法在Safari中运行 - 非常不寻常的错误：

我正在使用sIFR创建一个网站CardinalCoffee.com。

它还没有准备好，所以通过添加

进行访问

72.249.85.228   cardinalcoffee.com
72.249.85.228   www.cardinalcoffee.com

到你的/ etc / hosts（Windows上的C：\ WINDOWS \ system32 \ drivers \ etc \ hosts）。

在博客页面（http://cardinalcoffee.com/blog/）上，并且仅在博客页面上，某些sIFR选择器失败 - 但仅限于Safari。基于sIFR的导航和博客帖子小标题不会显示在博客页面上，但它们可以在其他任何地方（以及所有其他浏览器上/ blog / page都可以）完成。

以下是来自sifr-config.js的相关选择器：

sIFR.replace(itc_anna_std, {
  selector: '#top_nav li a',
    css: [
        '.sIFR-root {.sIFR-root { background-color: #f8eca8; color: #FFBF11; }',
        'a { text-decoration: none; color: #FFBF11;}',
        'a:link { color: #FFBF11; color: #FFBF11;}',
        'a:hover { color: #FFBF11; color: #FFBF11;}'
    ],
    wmode: 'transparent',
    forceSingleLine: true,
    tuneWidth: 2
});
sIFR.replace(itc_anna_std, {
  selector: '.non-admin #content_column .entry h2 a',
  css: [
        '.sIFR-root { background-color: #f8eca8; color: #170504; text-align:left;}',
        'a {text-decoration:none; color: #170504;}',
        'a:hover { color: #170504; }'       
    ],
    wmode: 'transparent',
    tuneHeight: -18,
    offsetTop: -6
});

此外，子标题（选择器： .entry h2 a ）上的字体大小声明似乎被忽略。以下是sifr.css的相关样式规则：

    .sIFR-active .non_admin #content_column .entry h2 {
        font-size: 36px;
    visibility: hidden;
    }

这是一个WordPress网站。

[编辑]：看来这个规则应该归咎于某种原因：

sIFR.replace(itc_anna_std, {
  selector: '.non-admin #content-column .entry h2',
  css: [
        '.sIFR-root { background-color: #f8eca8; color: #170504;}',
        'a { text-decoration: none; color: #170504;}',
        'a:link { text-decoration: none; color: #170504;}',
        'a:hover { color: #170504;}'
    ],
    wmode: 'transparent',
    tuneHeight: -18,
    offsetTop: -6
});

（我将另一个sIFR替换为文件顶部，导航开始完美加载。）

某些sIFR选择器无法在Safari中运行 - 非常不寻常的错误：

1 个答案: