草庐IT

rounded-corners

全部标签

html - 父 DIV 中的圆 Angular 不影响子 DIV

所以,我正在尝试在CSS3中使用圆Angular(不在IE中,不在乎它是否可以在IE中使用),并且我有一个DIV,我的所有内容都看起来非常漂亮。我遇到的问题是有些子DIV没有被父级的圆Angular“掩盖”。我不是要让child继承圆Angular。我只想让父级内部的任何内容在它被舍入的地方不可见,就好像它被屏蔽了一样。我尝试使用“溢出:隐藏;”,但这似乎没有用。有谁知道圆Angular容器DIV的子项如何被父DIV屏蔽?如果有用的话,我用的是“position:absolute;”在父DIV上。不确定这是否会有所不同。谢谢! 最佳答案

html - 父 DIV 中的圆 Angular 不影响子 DIV

所以,我正在尝试在CSS3中使用圆Angular(不在IE中,不在乎它是否可以在IE中使用),并且我有一个DIV,我的所有内容都看起来非常漂亮。我遇到的问题是有些子DIV没有被父级的圆Angular“掩盖”。我不是要让child继承圆Angular。我只想让父级内部的任何内容在它被舍入的地方不可见,就好像它被屏蔽了一样。我尝试使用“溢出:隐藏;”,但这似乎没有用。有谁知道圆Angular容器DIV的子项如何被父DIV屏蔽?如果有用的话,我用的是“position:absolute;”在父DIV上。不确定这是否会有所不同。谢谢! 最佳答案

html - CSS 维恩图鼠标悬停

我正在尝试创建一个像这样的纯css维恩图圆圈在鼠标悬停时突出显示的位置。但问题是:如果我将鼠标悬停在圆Angular(圆外)上,则使用border-radius属性,它也会触发悬停。有关演示,请参阅thisjsfiddlelink并将鼠标悬停在红色区域上是否有任何CSS解决方案可以避免这种情况,或者我是否必须使用javascript来计算它?编辑:感谢大家的回复。我也应该发布浏览器信息。我正在使用Chrome12到目前为止,这个错误似乎存在于chrome中。我将用任何进一步的发现更新此页面。2013年8月更新:刚刚在Chrome28上再次测试,问题不再存在。

html - CSS 维恩图鼠标悬停

我正在尝试创建一个像这样的纯css维恩图圆圈在鼠标悬停时突出显示的位置。但问题是:如果我将鼠标悬停在圆Angular(圆外)上,则使用border-radius属性,它也会触发悬停。有关演示,请参阅thisjsfiddlelink并将鼠标悬停在红色区域上是否有任何CSS解决方案可以避免这种情况,或者我是否必须使用javascript来计算它?编辑:感谢大家的回复。我也应该发布浏览器信息。我正在使用Chrome12到目前为止,这个错误似乎存在于chrome中。我将用任何进一步的发现更新此页面。2013年8月更新:刚刚在Chrome28上再次测试,问题不再存在。

javascript - 谷歌浏览器包应用程序 : How to make transparent rounded background like google hangout app?

如下图所示,环聊应用是完全透明的,并且还应用了背景阴影。我尝试了几种方法,但没有成功,将css样式应用于页面的“html”和“body”标记,并在创建新窗口时使用“frame:none”选项,但它不起作用。如何制作这样的谷歌浏览器包应用程序?有人知道吗?这是我正在试验的代码。ma​​infest.json:{"manifest_version":2,"name":"DemoApp","version":"0.1","description":"DemoPurpose","app":{"background":{"scripts":["background.js"]}},"permiss

javascript - 谷歌浏览器包应用程序 : How to make transparent rounded background like google hangout app?

如下图所示,环聊应用是完全透明的,并且还应用了背景阴影。我尝试了几种方法,但没有成功,将css样式应用于页面的“html”和“body”标记,并在创建新窗口时使用“frame:none”选项,但它不起作用。如何制作这样的谷歌浏览器包应用程序?有人知道吗?这是我正在试验的代码。ma​​infest.json:{"manifest_version":2,"name":"DemoApp","version":"0.1","description":"DemoPurpose","app":{"background":{"scripts":["background.js"]}},"permiss

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 - 我可以将 "Arial Rounded MT Bold"与 css 一起使用吗?

我可以在css中使用“ArialRoundedMTBold”吗?font-family:"ArialRoundedMTBold",Arial,Helvetica,sans-serif;当我输入时没有任何改变:font-family:Arial,Helvetica,sans-serif; 最佳答案 Google字体有Nunito,作者:VernonAdams:http://www.google.com/webfonts/family?family=Nunito它漂亮圆润;有点让我想起他们在Glitch上使用的东西。

html - 我可以将 "Arial Rounded MT Bold"与 css 一起使用吗?

我可以在css中使用“ArialRoundedMTBold”吗?font-family:"ArialRoundedMTBold",Arial,Helvetica,sans-serif;当我输入时没有任何改变:font-family:Arial,Helvetica,sans-serif; 最佳答案 Google字体有Nunito,作者:VernonAdams:http://www.google.com/webfonts/family?family=Nunito它漂亮圆润;有点让我想起他们在Glitch上使用的东西。