sIFR 3在火狐中表现得很奇怪。
实际的sIFR闪存元素是在一个412 box宽的框内设置的。在IE、Chrome、Safari等中,Flash元素的with是一个前后一致的412 of;但是,在Firefox中,Flash元素与Body元素一样宽,然后再自我修正。当页面完成加载时,有时Flash元素会保持如此宽,从而破坏布局( Flash文本在侧栏下方向右流动)。
在CSS中为.元素设置一个宽度会使它保持正确的412 of宽度,但是文本根本没有包装--它只是在右边边缘断开,而flash元素的高度仍然是一行高。
标记很简单;它只是div中的一个div。
我的sIFR代码:
var clerkenwell = { src: '/flash/sifr.swf' };
sIFR.activate(clerkenwell);
sIFR.replace(clerkenwell, {
selector: '.post h2',
css: '.sIFR-root { color: #1899c4; text-transform:uppercase; font-size:30px; }',
transparent: 'true',
});设置forceWidth: 'true',只会导致与在. same元素上使用CSS宽度相同的问题。
那么:我如何使sIFR文本与其包含的元素一样宽,同时允许在火狐中中断行呢?
感谢所有的帮助!
发布于 2010-05-18 09:04:38
这并不是对你问题的真正回答;但我最近把一个大型网站从sIfr转换成了 Cufon,这很容易!它比sIfr简单得多,易于安装,而且速度也快得多。糟糕的表现和不良的头痛(如你的)驱使我切换,我对此很满意。
https://stackoverflow.com/questions/2853432
复制相似问题