我在圆形 div 内做一些文体文本,其中文本正好撞到容器的顶部。我已经能够控制几乎所有的内容、嵌套的 div、设置为背景的图像等,并且都成功地剪辑了它们,但是这个让我很伤心。
由于我们有动态图形背景,因此使用老式图像边框或掩饰不是解决方案。我们需要一个解决方案来实际剪辑文本。
这在Firefox 3.x和旧版Chrome中最常见
这是要玩的示例代码:
div {
-moz-border-radius: 45px;
border-radius: 45px;
background-color: #ccc;
font-size: 100px;
color: #777;
line-height: 70%;
overflow: hidden;
width: 257px;
}
卡顿:
请注意,它已在新的 Chrome 和 FireFox 4 中修复 - shui:
我们的大多数站点用户都是 Firefox 3.6,因此也希望能够为他们提供一个优雅的解决方案。任何帮助表示赞赏!干杯