我正在做一些文本内部的圆形div,其中的文本碰到容器的顶部。我已经能够控制几乎所有的内容,嵌套的div,设置为背景的图像等,并且都能够成功剪辑,但是这一直让我非常悲伤。border-radius;溢出:隐藏,并且文本没有被裁剪
因为我们有动态的图形背景,所以使用旧式图像边框或掩饰并不是一个解决方案。我们需要一个解决方案,实际上是剪辑文本。
这是的Firefox 3.x和旧版本的大多可见镀铬
这里的示例代码一起玩:
div {
-moz-border-radius: 45px;
border-radius: 45px;
background-color: #ccc;
font-size: 100px;
color: #777;
line-height: 70%;
overflow: hidden;
width: 257px;
}
的JANK:
注意它被固定在新的Chrome和Firefox 4 - 瑞:
我们的大多数网站用户都是Firefox 3.6的,所以很想能为他们提供了一个完美的解决方案以及。任何帮助感谢!干杯
哇......看起来相当的任务....祝您好运lol – Jason 2011-04-16 06:20:03
您可以使用图像;) – Blender 2011-04-16 06:28:56
图像不会工作,因为文本是从博客文章标题生成。 – ioTus 2011-04-16 20:48:21