我正在尝试使用sIFR为我正在处理的主页创建标签云效果。有 4 行文本,每行内有不同的字体大小和字体颜色。
我怀疑 sIFR 纯粹主义者会说这会创建太多的电影剪辑以保证安全,但这确实是我们正在寻找的效果,它是我们拥有的最佳选择,它有利于SEO,并且会优雅地降级。如果我们可以让它工作,那就是......
我遇到的问题是颜色、字体大小等都显示得很好,但文本周围似乎有过多的填充,造成行高比 200% 或 1 em 更接近 200% 的效果. 我已经让它在 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;