jjzjj

border-radius

全部标签

html - 使用在父 div 上设置的 border-radius 修剪图像 Angular 在 Safari 中不起作用

我在一个div中放置了一个图像,该div具有圆Angular,用作mask以隐藏图像Angular并将其显示为圆形。它适用于除Safari之外的所有浏览器!有谁知道如何修复它?我尝试了-webkit-padding-box、-webkit-mask-box-image但都没有用。HTML:CSS:.cat{width:128px;height:128px;margin:20px96px0px96px;position:relative;float:left;border-radius:50%;overflow:hidden;border-top:1pxsolid#111;border-

html - 使用在父 div 上设置的 border-radius 修剪图像 Angular 在 Safari 中不起作用

我在一个div中放置了一个图像,该div具有圆Angular,用作mask以隐藏图像Angular并将其显示为圆形。它适用于除Safari之外的所有浏览器!有谁知道如何修复它?我尝试了-webkit-padding-box、-webkit-mask-box-image但都没有用。HTML:CSS:.cat{width:128px;height:128px;margin:20px96px0px96px;position:relative;float:left;border-radius:50%;overflow:hidden;border-top:1pxsolid#111;border-

jquery - Bootstrap 3 按钮组 : corner radius disappears after a button is hidden

我有以下Bootstrap3按钮组:LeftMiddleRight我使用以下方法隐藏第一个按钮:$("button:eq(0)").hide();结果是第一个可见按钮没有圆Angular半径:我猜BS说:.btn-group的第一个child有border-radius而不是.btn-group的第一个visiblechild有border-半径有什么办法可以解决这个问题吗?JSFIDDLE请注意,我不想删除按钮,而是想隐藏它。 最佳答案 鉴于您已经在使用jQuery,您可以使用以下代码向第一个/最后一个可见按钮元素添加一个类。$(

jquery - Bootstrap 3 按钮组 : corner radius disappears after a button is hidden

我有以下Bootstrap3按钮组:LeftMiddleRight我使用以下方法隐藏第一个按钮:$("button:eq(0)").hide();结果是第一个可见按钮没有圆Angular半径:我猜BS说:.btn-group的第一个child有border-radius而不是.btn-group的第一个visiblechild有border-半径有什么办法可以解决这个问题吗?JSFIDDLE请注意,我不想删除按钮,而是想隐藏它。 最佳答案 鉴于您已经在使用jQuery,您可以使用以下代码向第一个/最后一个可见按钮元素添加一个类。$(

html - CSS3 Border-radius 创建一个蛋形

我正在使用CSS3构建随机形状。我被困在这个蛋形上。我检查了蛋形的数学,它由2个不同半径的圆组成。然而,我无法将此基本结构与此处的CSS构建代码联系起来,尤其是“border-radius”部分。#egg{display:block;background-color:green;width:126px;/*widthhastobe70%ofheight*//*couldusewidth:70%;inasquarecontainer*/height:180px;/*bewarethatSafarineedsactualpxforborderradius(bug)*/-webkit-bor

html - CSS3 Border-radius 创建一个蛋形

我正在使用CSS3构建随机形状。我被困在这个蛋形上。我检查了蛋形的数学,它由2个不同半径的圆组成。然而,我无法将此基本结构与此处的CSS构建代码联系起来,尤其是“border-radius”部分。#egg{display:block;background-color:green;width:126px;/*widthhastobe70%ofheight*//*couldusewidth:70%;inasquarecontainer*/height:180px;/*bewarethatSafarineedsactualpxforborderradius(bug)*/-webkit-bor

html - 避免在 CSS border-radius 中使用椭圆形

为矩形div使用Border-radiusCSS会产生椭圆Angular而不是圆Angular。如何为矩形div获得完美的圆Angular? 最佳答案 (来源:mozilla.org)形式上,border-radius属性的语法为每个Angular接受2个值:水平半径和垂直半径(由斜线分隔)。以下行将创建一个类似于上面第三张图片的椭圆形边界半径。border-radius:10px/5px;通常,我们只指定一个值。在这种情况下,该值同时用作垂直和水平半径。以下行将创建类似于上面第二张图片的圆形边界半径。border-radius:1

html - 避免在 CSS border-radius 中使用椭圆形

为矩形div使用Border-radiusCSS会产生椭圆Angular而不是圆Angular。如何为矩形div获得完美的圆Angular? 最佳答案 (来源:mozilla.org)形式上,border-radius属性的语法为每个Angular接受2个值:水平半径和垂直半径(由斜线分隔)。以下行将创建一个类似于上面第三张图片的椭圆形边界半径。border-radius:10px/5px;通常,我们只指定一个值。在这种情况下,该值同时用作垂直和水平半径。以下行将创建类似于上面第二张图片的圆形边界半径。border-radius:1

javascript - 从表中删除 `border` 属性不会删除边框

为什么在执行removeAttr("border")时边框没有被移除(属性被移除,但样式仍然存在)?演示$("#button1").on("click",function(){$("table").removeAttr("border");});HelloWorldNotInitiallyBordered我在Chrome和Chromium上复制了这个。 最佳答案 不只是border您不必担心元素本身的属性。每个浏览器都带有一个“默认样式表”,它将为常见的HTML元素配置基本表示。表格是那些需要由站点设置样式以便从浏览器覆盖此“基本样

javascript - 从表中删除 `border` 属性不会删除边框

为什么在执行removeAttr("border")时边框没有被移除(属性被移除,但样式仍然存在)?演示$("#button1").on("click",function(){$("table").removeAttr("border");});HelloWorldNotInitiallyBordered我在Chrome和Chromium上复制了这个。 最佳答案 不只是border您不必担心元素本身的属性。每个浏览器都带有一个“默认样式表”,它将为常见的HTML元素配置基本表示。表格是那些需要由站点设置样式以便从浏览器覆盖此“基本样