html 中字符串的显示的长度(像素)如何判断?

[anuosix]

如何实现这个菜单效果?
http://www.giftphilosophy.com/site/page/links/
我现在不知道像这种菜单项长度不同的菜单,其背景图片大小如何控制?
也就是说,假如我一个字符串"aaa"和一个字符串"iiiiiii",他们显示出来的长度是不同的,那么背景图片如何正好跟他们的显示长度相匹配呢, 即使用block的显示风格也要知道块宽度,而块的宽度和字符串又有关系.
不知道有没有说明白?

[Mr-Jee]

背景颜色或者高度一定 宽度1px的图片repeat就行了
padding下就OK了

[yhtapmys]

这JS+Css就可以做这效果
貌似没得啥背景图呀
楼主说的背景图是什么？鼠标移上去变色？

[幕子丿昔]

<a href="#"><span></span></a>
做一张足够长的按钮图片 在从左到右切九分之一开 成两张图片（这比例不定 只要一边长一边短就行）
然后把比较长的那端 设为a的背景图片 background:url(img/123_right.jpg) right top;
再把较短的一端 设为span的背景图片 background:url(img/123_left.jpg) left top;

这里口述难说的清楚
楼主去百度查查“CSS滑动门”吧

[JJYY0088]

lz想太多了

像这类的菜单效果，

无非是控制菜单的padding和控制背景图片的repeat属性。

况且http://www.giftphilosophy.com/site/page/links/中的菜单的背景图片纯色的，并没有什么渐变效果，那就更好实现了。。。