Question

我正在尝试使用sIFR为我正在处理的主页创建标签云效果。有4行文本，每行中有不同的字体大小和字体颜色。

我怀疑sIFR纯粹主义者会说这创造了太多的电影剪辑是安全的，但它确实是我们正在寻找的效果，它是我们最好的选择，它对SEO有好处并会优雅地降级。如果我们能够让它发挥作用，那就是......

我遇到的问题是颜色，字体大小等都显示得很好，但文本周围似乎有过多的填充，产生的线条高度接近200％而不是200％或者1个月。我已经在Internet Explorer 7和其他一些浏览器中运行正常，但Firefox似乎显示一切都错了！

任何想法和帮助表示赞赏;）

<h1 style="font-weight:600;">
<span class="titleleft">Content </span>
<span class="titleright">Formula:</span>
<span class="focussed">Focused </span>
<span class="creative">creative </span>
<span class="and">and </span>
<span class="targeted">targeted </span>
<span class="content">content </span>
<span class="for">for </span>
<span class="bluechip">blue chip </span>
<span class="global">global </span>
<span class="websites">websites </span>
<span class="and2">and </span>
<span class="intranets">intranets. </span>
<span class="wedeliver">We deliver </span>
<span class=success>success </span>
<span class="witha"> with a </span>
<span class="degree">360 degree </span>
<span class="approach">approach to online</span><br />
<span class="communications">communications.</span>
</h1>

示例配置行：

sIFR.replace(arial, 
{selector: '#main_content_left_home>h1>span.titleleft' 
,css: '.sIFR-root { color: #000000; font-weight:bold;letter-spacing: -1;}' 
,tuneWidth: (+10)
});

sIFR.fixWrap = false;
sIFR.fitExactly = true;
sIFR.useStyleCheck = false;
sIFR.useDomLoaded = false;
sIFR.preserveSingleWhitespace = true;
sIFR.autoInitialize = true;
sIFR.forceWidth = true;
sIFR.repaintOnResize = true;

Answer 1

检查额外尺寸是否在Flash影片中或其周围。在后一种情况下，你将不得不求助于CSS调整。

在前一种情况下，请查看tuneHeight的{{1}} / tuneWidth和offsetTop / offsetLeft个参数。这些允许您更改Flash影片中文本的位置，并允许您更改Flash影片在文本周围留下的边距。

这有时是必要的，因为Flash会错误地报告文本的尺寸。

sIFR - 仅限Firefox 3中的行高问题？

1 个答案: