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字体。

selector的{{1}}参数用于选择您希望由sIFR替换的元素。

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

样式化sIFR 3时，我应该何时使用JavaScript / CSS / Flash？

1 个答案: