javascript - 设计 sIFR 3 样式时，我应该何时使用 JavaScript/CSS/Flash？

Question

我今天第一次使用 sifr。我已经启动并运行了；但是，我需要一些帮助。与其解释，我将向您展示下面的代码:

<div id="pullquote">“Fantastic property, facilities and location. We
      couldn’t have asked for more!” <em>Mr &amp; Mrs. Smith</em></div>

到目前为止，还不错。然后我在同一个文档中设置了样式，以防 flash/JavaScript 被禁用。没问题。

sIFR.replace(journal, {
  selector: 'div#pullquote',
  wmode: 'transparent',
  css: [
    '.sIFR-root { text-align: center; color: #be7705; font-size: 30px; background-color:#fdefd4; }',
    'em { font-style: normal; color: #1d5d69; font-size: 26px; }']
});

这就是我的 JavaScript 文件中包含的内容。我这样设计元素样式是否正确？我对选择器有点困惑，然后在 js-css 中使用第二个选择器。同样，还有 sifr.css。该文件应包括哪些内容？我应该在这里设置元素的样式吗？

我想我的问题是:sifr-config.js 应该包括什么，应该做什么样的样式，sifr.css 应该做什么样的样式？

谢谢你:)

Answer 1

在 HTML 页面的 CSS (sifr.css) 中，您可以添加一个样式来隐藏 sIFR 之前将替换的元素，并且您可以对文本进行一些调整，以便文本大小更适合 Flash 字体。

sIFR.replace() 的selector 参数用于选择您希望用 sIFR 替换的元素。

css 参数包含 Flash 影片中使用的 CSS。此时，所有 CSS 选择器都与您替换的元素有关，因此如果您替换 h1#foo，那么您选择的是 em 而不是 h1#foo em。这是唯一可以设置 Flash 影片中文本样式的地方，除了字体大小，如果未在此处指定，字体大小将派生自被替换元素的字体大小。