个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我在 div 元素 上遇到了 CSS border-radius 属性的问题，该元素包含 OpenLayers (OL3) map 。 map 替换为 .png 背景的 div 元素上的 border-radius 给出了期望的结果，因此这个问题特定于 OL3 案例。使用 50% 的 border-radius 会为某些操作系统/浏览器组合提供一个圆形 map ，而不是其他操作系统/浏览器组合。具体来说，我得到以下行为:
UbuntuFirefox - 有效，Chrome - 有效
window IE-有效，Chrome - 不工作
Mac OSX/iOSSafari - 工作和不工作(当使用“显示所有选项卡”选项时，边界半径被应用，而不是在正常窗口 View 中)，Chrome - 不工作
我在 stackoverflow 和网络上搜索系统解决方案均未成功。我在 How to make CSS3 rounded corners hide overflow in Chrome/Opera 上发现了 WebKit CSS Mask hack ，但我希望也许有人知道根本问题是什么？鉴于操作系统/浏览器组合似乎发挥了作用，并且在 OSX/iOS 中，“显示所有选项卡” View 的行为与普通窗口不同？
这是说明问题的 jsfiddle 链接(或不说明问题，取决于操作系统和浏览器)http://jsfiddle.net/t0y9bbqw/ .代码是:
HTML
<body>
<div id="map" class=map></div>
</body>
CSS
.map {
height:600px;
width: 600px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
overflow:hidden;
margin:auto;
position:relative;
}
JS
var my_layer = new ol.layer.Tile({
source: new ol.source.MapQuest({layer: 'sat'})
})
var map = new ol.Map({
target: 'map',
layers: [my_layer],
view: new ol.View({
center: [-12245.6653498,6704064.05491],
zoom: 10,
}),
});
如果您能深入了解这里可能发生的事情，我将不胜感激!谢谢!
最佳答案
在类 .ol-viewport 中设置 border-radius:50%;
我没有 linux 和 mac 来检查。
关于css - 使用 CSS border-radius 的带有 OpenLayers map 的圆形 div 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28290129/
24
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。当用户到达最后一张图片并滑动手指查看下一张图片时，我想显示第一张图片。同样，当用户在第一张图片上滑动查看上一张图片时，我想显示最后一张图片。简而言之，这将
我是一名优秀的程序员,十分优秀！