首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Firefox边框半径未显示

Firefox边框半径未显示
EN

Stack Overflow用户
提问于 2010-06-01 16:41:30
回答 3查看 1.8K关注 0票数 3

我正在使用下面的css

代码语言:javascript
代码运行次数:0
运行
复制
#helper{
position:absolute;
bottom:0;
width:100%;
}

#key{
width:950px;
margin:0 auto;
z-index:2;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}


<-- inside body -->
<div id="helper">
<div id="key">SHould be rounded top corners?</div>
</div>

然而,在Firefox中,它在刷新后不会显示。有什么想法我应该先看哪里?谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-06-01 16:45:25

是否为#key元素指定背景或边框?

票数 4
EN

Stack Overflow用户

发布于 2010-06-02 21:02:50

密钥{

代码语言:javascript
代码运行次数:0
运行
复制
width:950px;
margin:0 auto;
z-index:2;
border:1px solid #000;
background-color:#F00;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}

为此,您应该使用边框或背景。

票数 1
EN

Stack Overflow用户

发布于 2012-08-20 22:24:30

问得好,哈利;

这可能是因为我们添加了两行。火狐14可能喜欢css中的所有四个角。

替换2行

-moz-border-radius-topleft:8px;

-moz-border-radius-topright:8px;

有4行

边框左上角半径:18px;

边框右上角半径:18px;

边框-左下-半径:0px;

边界-右下角-半径:0px;

对于您的示例:

钥匙

{

宽度:290px;

页边距:0自动;

边框:4px实体#000;

背景颜色:#EE7621;

边框左上角半径:18px;

边框右上角半径:18px;

边框-左下-半径:0px;

边界-右下角-半径:0px;

填充:5px 0 0 15px;

}

jsfiddle示例:

http://jsfiddle.net/ccatto/7zAXC/

我们也可以使用css作为一个类和id:http://jsfiddle.net/dFTMh/

Thx;

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2948309

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档