1

我尝试了很多次并搜索了这个板，但我不能做这样一个简单的事情：

http://xs.to/xs.php?h=xs139&d=09201&f=menu676.gif

我想呈现这样的菜单：

项目 1 | 项目 2 | 项目 3 | .... ETC...

“项目 1”和管道字符“|” = sIFR 呈现的文本

HTML：

<div id="menu"> item 1 <span class="pipe"> | </span> item 2 <span class="pipe"> | </span> </div>

这部分在我最底部的 HTML 中：

<script type="text/javascript">

var metaroman2 = 

{ src: 'shared/sifr/metaroman2.swf' , ratios:[....7, 1.32....] }; 
sIFR.activate(metaroman2);

sIFR.replace(metaroman2, {

selector: '#menu', css: ['.sIFR-root { background-color: #F9F9F9; color: #1F2956; font-weight:bold;}'], wmode: "transparent" }); 
sIFR.replace(metaroman2, {

selector: '.pipe', css: ['.sIFR-root { background-color: #F9F9F9; color: #1F2956;}'], wmode: "transparent" }); 
</script>

CSS：

.sIFR-active .pipe {

visibility : hidden; line-height : 1em; margin-left : 5px; margin-right : 5 px;
} 
.sIFR-active #menu {

visibility : hidden; line-height : 1em;
}

问题是，“|” 字符被放在单词的末尾，（5px）之间没有空格。

我想要它：项目 1 [5px 空间] | [5px 空间] 项目 2

我得到了什么：项目 1|项目 2

其他方法：

如果我用图像尝试它，图像根本不会显示。（“sIFR.fitExactly = true”已在 sifr-config 中设置）

我对“图像”的意思是：代替管道符号，代表管道符号的图像。

html:

<div id="menu"> item 1 <img src=...> item 2 <img src=...> </div>

CSS：

.sIFR-active #menu {

visibility : hidden; line-height : 1em;
}

脚本：这部分在我最底部的 HTML 中：

<script type="text/javascript">

var metaroman2 = 

{ src: 'shared/sifr/metaroman2.swf' , ratios:[....7, 1.32....] }; 
sIFR.activate(metaroman2);

sIFR.replace(metaroman2, {

selector: '#menu', css: ['.sIFR-root { background-color: #F9F9F9; color: #1F2956; font-weight:bold;}'], wmode: "transparent" }); 

</script>

对于混乱的代码，我很抱歉，但我希望你能理解它。

（编辑：已经使用 sIFR 几天了，简单的标题完美地替换了 ratio 的工作，但上面的内容让我很生气）

4

1 回答 1

0

将每个菜单项包装成单独的元素，并将其替换为 sIFR 选择器，不要替换管道。仅使用 CSS 将它们包装到 span 和 style 中。

那些被替换的项目和跨度应该都是浮动块元素。

html:

<div id="menu"><a href="#">Item 1</a><span>|<span><a href="#">Item2</a>...

CSS：

#menu a , #menu span {
    display: block;
    float: left;
}
于 2009-05-11T13:23:38.493 回答