个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
31
4
我正在尝试创建一个带有缩进 Angular 的矩形。所以我有一个带有彩色背景的相对定位的矩形。然后我在每个 Angular 绝对定位了一个圆，这给人的印象是矩形上有缩进的 Angular 。只要我保持矩形和圆形的背景颜色为白色，与页面背景相匹配，这就很好用。
但我希望矩形和圆形的背景都是白色的，与页面背景相匹配，并且两者都有边框。但是当我这样做时，矩形的边框出现在圆圈周围。我已经尝试过 z-index，但它不起作用。有什么建议么？谢谢。
相关代码如下:
<style>
#rect {width:200px; height: 300px;background-color: #fff;position: relative;overflow: hidden; border:1px solid #747474;}
.circle {border-radius: 50%; background-color: #fff; border: 1px solid #747474; width: 50px;height: 50px;position: absolute;}
.topleft {top: -10px;left: -10px;}
.topright {top: -10px;right: -10px;}
.bottomleft {bottom: -10px;left: -10px;}
.bottomright {bottom: -10px;right: -10px;}
</style>
</head>
<body>
<div id ="rect">
<div class ="circle topleft"></div>
<div class ="circle topright"></div>
<div class ="circle bottomleft"></div>
<div class ="circle bottomright"></div>
</div>
最佳答案
你可以使用
#rect {
border: none; // default value
}
#rect:before {
content: "";
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border:1px solid #747474;
}
问题是在 overflow: hidden 中，圆圈不能与 #rect 的边框重叠。然后，移除该边框并将其添加到一个伪元素中。
关于css - 只有四分之一的圆形边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23318349/
31
4
0
我想要一个“真正的”圆形 UIView，以避免应用圆角半径的正方形 View 。 因为我使用的是重力，我的圆圈不能很好地显示，因为它们在角落里不能相互接触(屏幕来自“Debug View Hierar
所以我前段时间建了一点突破克隆 ，我想稍微升级一下，主要是为了碰撞。当我第一次制作它时，我在我的球和我的砖 block 之间进行了基本的“碰撞”检测，这实际上将球视为另一个矩形。但这造成了边缘碰撞的问
我正在尝试在矩形内创建一个椭圆形/圆形。我正在尝试在 Canvas 上对位图图像执行此操作。这是我的代码: int x = (int) (midpoint.x*xRatio); int y = (in
我想知道是否可以绘制圆形 UIButton(不是圆形矩形)。 当我在自定义类型的 UIButton 中添加圆形图像时，它看起来像一个圆形按钮。但是在按钮被点击的那一刻，按钮的边界变得可见，所以它看起来
我有this slider在我的网站上。我想将 slider 移动到 360 度。我如何更改以下脚本来执行此操作？ $(document).ready(function() { /*Slide
我正在 PyQt 中使用 QGraphicsView 构建一个 GUI，它将显示互连项目的大型网络，并且我希望能够叠加一个较小的门户来显示网络的远处部分 - 有点像“画中画” “之类的事情。这本身并不
我正在尝试为个人资料图片圈出 ImageView 。在我限制 UiScreen 宽度之前它工作正常。 代码如下 import UIKit class ViewController: UIViewCon
我想创建一个如下所示的圆形 slider 。 但我还想要两个功能。 1) 我想从任意点启动 slider ，但在图 1 中。从0开始。 2) 我想在单个圆形黑色图中包含多个 slider 。 我正在分
我有一个帖子 div，它位于一个奇怪的背景之上，正如您在此屏幕截图中所见 http://i.stack.imgur.com/L5Qj0.png文字越过我想要的区域。我尝试使用 border-radiu
我想知道，如何在 ios 8 或 9 中创建圆形模糊文本输入字段和模糊按钮。我应该使用核心动画还是简单地在 ps 中绘制 png？我从来没有为 UI 使用过 Core Animation，你能推荐一个
我希望在包含在主圆圈中的圆圈底部创建一个深色蒙版。 你可以使用 css masks 来做到这一点吗？ 请参阅fiddle Change Profile
我有一个带有 ImageView 的自定义表格 View 单元格。我试图使 ImageView 成为圆形，但它不是圆形的，我无法查明问题所在。 import UIKit class Legislato
最近一直在opencv里瞎折腾，一直在摸索绘图函数(cvCircle(...), cvRectangle(...), etc...)。它们可以正常工作，但我只能在之前加载的图像上绘制它们。 有没有办法
我有一个 FXML 文件、一个 CSS 文件和一个 Controller.java 文件。当鼠标悬停在 FXML 文件中的按钮上时， 例如fx:id="负载" 如何在舞台上创建圆形节点？ 我目前正在这
我对圆-矩形相交有疑问。虽然是一个数字我发现了关于它的讨论，我无法得到答案。我的问题是 - 我的 View /窗口 (320 X 480) 有一个矩形下部 (100-200,0-50) .And a
假设我们有以下一组项目 View : View1 -> View2 -> View3 -> ... -> View(n-1) -> View(n) 在经典的 RecyclerView 上，View1
我可以在“didTapAt”事件中在谷歌地图上添加许多标记和圆圈，但我也想删除它们，对于标记我可以在“didTap 标记”事件中执行此操作但我如何才能删除它的形状而不是其他形状？ 最佳答案 let c
我正在尝试获得一个圆形的 UIImageView 但它似乎在不同的设备上呈现不同； 在 iPhone Xr 上看起来像这样: 在 iPhone 7 上看起来像这样: 我的高度限制为 60，代码如下:
我想做一个如下图所示的圆形 slider 。jQuery 能够做到这一点吗？ 我知道直 slider 的工作原理，但我想制作一个 HTML5 圆形 slider 。这是我在网上找到的 http://j
我有一个包含图像的 UIScrollView。当用户到达最后一张图片并滑动手指查看下一张图片时，我想显示第一张图片。同样，当用户在第一张图片上滑动查看上一张图片时，我想显示最后一张图片。简而言之，这将
我是一名优秀的程序员,十分优秀！