1

我正在尝试在使用边框半径属性的 div 上使用边框属性。

这是我的CSS：

#page {
    border: 1px solid #beb2b2;
    width: 732px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

如您所见，我只是放置了一个边框半径（每个浏览器具有所有不同的属性）以及一个 1px 的边框。问题是两个顶角都没有绘制边框。它被绘制在其他任何地方，包括底角。我在谷歌上找了一些东西，但找不到任何东西......

任何想法 ？

4

3 回答 3

1

其他标记和样式存在问题，因为您的 css 是正确的：testcase on dabblet 在此处输入图像描述

尝试添加一些边距：#page { margin: 15px; }可能是边框简单不可见或隐藏容器#pageborderoverflow: hidden;

更新：问题也可能存在于 innerimage中，它可以覆盖或忽略某些父属性（例如border-radius）。

于 2012-06-14T15:33:34.620 回答
0

页面高度未定义。这就是为什么它跨越整个窗口而您看不到其他边框的原因。

也许这就是它不起作用的原因。

我只是做了一些改变。见小提琴。

HTML

<div id=page></div>​

CSS

#page {
    border: 1px solid #beb2b2;
    width: 732px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 10px auto; /* the extra line */
    height: 200px; /* the extra line */
}​
于 2012-06-14T15:33:24.857 回答
0

我想由于高度的一些问题，底部会被隐藏，你能在上面设置一些高度吗？

于 2012-06-14T15:35:01.720 回答