让一个孩子溢出 - 溢出可见:隐藏(或其他)

时间:2011-07-12 21:45:29

标签: html css overflow

我想要一些看起来像http://jsfiddle.net/mazlix/VBzau/3/

的东西

但我不想两次写边框半径(在CSS的div.left中)。我的意思是,我可以,但我觉得这样做很浪费,而且这是我错误构建的一个标志。

如果这似乎是正确实现我想要的唯一方法,请告诉我。

谢谢!

3 个答案:

答案 0 :(得分:1)

我大约98%肯定你无法解决这个问题。

答案 1 :(得分:1)

border-radius:15px 0 0 15px;

见这里: http://www.css3.info/preview/rounded-border/

答案 2 :(得分:0)

1

所以..我不知道它是否是一个选项,但您可以在外部容器中使用背景图像。该背景将是所需的宽度和1px高度并且并排保持2种所需颜色。它会垂直重复。


2

然而,这是一个css3选项:您可以使用水平渐变。基本上与上面的选项相同,只是可能有点灵活,因为它不使用图像,但如上所述css3渐变。 http://jsfiddle.net/VBzau/13/

使用http://www.colorzilla.com/gradient-editor/

制作渐变色

3

然后是旧的掩盖。基本上使用边框半径为负的图像或与放置框的背景颜色相同的图像。

与使用滑动内容http://www.apple.com/imac/

在主要内容区域中作为后备使用的内容非常相似

4

我想到你是如何提到结构的。所以我推荐的是什么。 http://jsfiddle.net/VBzau/14/

基本上我已经在主容器周围放了另一个容器。重新应用溢出:隐藏;从左框中取出半径。我也将图像移到了新的外部容器中。


相关问题