边界-半径过渡在Safari中不起作用

文章/答案/技术大牛

发布

1回答

html、css、safari、css-transitions

原始图片是正方形的，但在页面上，我将边框半径设置为50%，然后当您将鼠标悬停在图像上方时，半径将变为0%，图像也将缩放为1.4。这可以很好地工作，但我也想添加一个div，当你悬停时在图像前面有文本。下面的代码在IE、Chrome和FF中运行良好，但Safari就是不想合作。当图像的scale属性起作用时，边界半径不起作用，反之亦然。

浏览 7提问于2020-05-08得票数 0

1回答

如何在不破坏容器边界半径的情况下创建与Safari兼容的过渡变换缩放

css、transform、scale、transition、border-radius

图像的容器有一个边界半径。图像在大多数浏览器上都可以很好地缩放，但在Safari上，当应用过渡时，容器的边界半径会被删除。我已经创建了一个演示此行为的jsfiddle。https://jsfiddle.net/jt9u7qhw/ 我试着在有和没有webkit的情况下应用特定属性的变换和边界半径的过渡时间， .element { transition: transformborder-ra

浏览 19提问于2020-07-27得票数 0

1回答

弹性滑块边框-半径在Chrome、Safari中不会自动换行，但在Firefox中会自动换行

css、flexslider

基本上，图像会滑动，但会被遮罩在一个圆圈中，我正试图通过边框半径和溢出来实现这一点:隐藏在flexslider包装器上。任何帮助都是非常感谢的！谢谢，乔伊

浏览 4提问于2012-11-20得票数 6

回答已采纳

1回答

边界半径在Safari 5中不起作用

html、css、safari

我需要有一个外部div与位置:绝对和边界半径。在外部div中，我可能有一个或多个内部位置:绝对div。我希望当内部div位于外部div的边界半径内时(例如: top:0px；left:0px;)不会隐藏外部div的边界半径。这种行为在除Safari之外的所有浏览器中都能正常工作。我需要在Safari5以及Safari6和Safari7中支持这种行为。我在

浏览 1提问于2014-03-10得票数 1

3回答

边界半径在safari中不起作用

css、safari

我有一个带有谷歌地图的页面，现在我正试着在它上面设置一个边界半径。这在Chrome和Firefox等浏览器中有效，但在safari上不起作用。我的边界半径唯一不起作用的部分是google地图容器

浏览 2提问于2014-12-04得票数 1

2回答

safari中的css3边界半径动画过渡不起作用

animation、safari、webkit、css

尝试在Safari中对图像的边界半径进行css3 ease过渡。它只是闪烁到悬停状态，而不是平滑过渡。任何帮助都是非常感谢的。

浏览 0提问于2012-11-20得票数 0

回答已采纳

1回答

如何修复无法使用边界半径和CSS动画的溢出隐藏

javascript、jquery、transition、css

使用overflow创建的外圆:隐藏和大的边界半径。内框动画使用CSS过渡覆盖外框。在动画过程中，不会渲染外框的边界半径。请看这个例子。

浏览 0提问于2014-01-16得票数 0

2回答

在Safari修复边界半径？

html、safari、css

我似乎不能让边界-底部-半径-左和右正确地工作在Safari。我在3种浏览器(Chrome、Firefox和Safari)上拍摄了边界半径的截图。只有Safari遇到了麻烦。谷歌Chrome 我有点卡住了，因为我不知道怎么解决这个问题。顺便说一下，我说的是Safa

浏览 1提问于2012-03-09得票数 1

回答已采纳

1回答

以边界半径为尺度的Safari* CSS过渡*

css、safari

我在Safari上遇到了一个奇怪的问题。请看一下：如果您悬停在淡红的方框中，您将注意到内部元素的转换。On Safari，它变得很奇怪:它是一个黑色的正方形，有某种透明，在过渡结束时是完全不透明的。

浏览 4提问于2021-07-08得票数 0

1回答

用于safari的边框颜色-半径

html、border、css

我正在尝试为带有边框半径的div应用边框和边框颜色。它适用于除safari以外的所有浏览器。在safari中，边界半径可以工作，但是边界和边框颜色会变得混乱。

浏览 1提问于2013-06-26得票数 0

2回答

WebKit边界半径与过渡缺陷

css、css-animations

在Google的最新稳定版本:31.0.1650.63m(金丝雀)中，当涉及到边界半径和过渡时，仍然存在一个bug。在应用边界半径的元素中的内容直到动画结束才会被剪短。

浏览 6提问于2013-12-16得票数 3

回答已采纳

2回答

我今天遇到了一个Safari (版本11.0 (12604.1.38.1.7)，边界半径和一个大的扩散投影)的问题。此问题在Chrome、FF或Edge中不会发生。在解决了一些问题之后，我决定在Safari中放置阴影效果很好，但是当扩散非常大时(比如这里)，当容器的边界半径都匹配时就不行了。调整一个角的边界半径为一个像素的不同，这个问题就会消失，投影扩散就会以我想要的大小工作。该按钮将切换相等和不相等的边

浏览 0提问于2017-10-24得票数 2

2回答

边界半径和奇妙的跨浏览器问题-简单的修复？

html、css

我在一个图像和一个div周围设置一个边界半径。目前我只在Safari和Firefox中测试。两者产生不同的结果。Safari -左侧半径不平滑，看起来角落被砍掉了一点。border-top-right-radius: 46px;-moz-border-bottom-right-radius: 46px; 结果是SafariFirefox -不显示底角

浏览 0提问于2013-07-21得票数 0

1回答

为什么边界半径不能在safari浏览器上生效？

css、reactjs、safari、border

但是border-radius不能在safari浏览器上工作。我甚至专门为safari浏览器使用了-webkit-border-radius:50%。

浏览 9提问于2022-07-08得票数 0

2回答

FF6 CSS Javascript MozBorderRadius不工作

javascript、css

我正在尝试通过JavaScript在FF6中设置FF6，但它似乎不起作用。如果我在Safari上使用WebkitBorderRadius，它就能工作。that.element.style.WebkitBorderRadius = '10px'; <-在Safari中工作 that.element.style.MozBorderRadius = '10px'; <-在FF6中<

浏览 2提问于2011-09-07得票数 1

回答已采纳

2回答

计算safari和chrome中svg路径的getBBox()中包含的控制点

javascript、svg、geometry

这与这个错误有关：给定一个圆弧(中心，半径，半径，endAngle)，我可以计算路径上的点，然后计算它们的边界框，然而，在safari和chrome中，有一个bug，它包括边界框中的弧的控制点。由于渐变填充应用于形状的边界框，这会导致覆盖形状的渐变略有不同，这取决于浏览器是否有此错误。我的问题是:在不使用实际API (getBBox())的情况下，如何在给定这些参数(center、radius、startAngle

浏览 0提问于2014-10-18得票数 0

1回答

iPad按钮没有自定义CSS

html、ios、css、ipad

它在以下方面发挥了很大作用： button, -webkit-appearance: none; /*Safarims-app

浏览 0提问于2017-11-06得票数 0

1回答

从CSS中的id中具有“边框”属性的div不接受应用于所有div的“边框半径”属性。

css

我想给我的所有div的边界半径为5 5px，我希望某些div有更多的边界属性，根据他们的id。这是否意味着将任何边界属性应用于一组更具体的元素，就排除了更普遍发布的任何与边界相关的指令？我目前在2012年年<em

浏览 3提问于2013-09-25得票数 0

1回答

边界半径在过渡期间不起作用

css、animation、masking

我正在使用遮罩元素来裁剪图像，然后在悬停时缩放该图像。我不明白为什么边界半径似乎在过渡期间停止存在于遮罩元素上。

浏览 0提问于2015-10-29得票数 1

2回答

边界半径Safari

image、safari、border、css

如果你能看到，我使用边框-左上角半径和右半径:这在firefox和Chrome中工作得很好。但在旅行中，它不起作用。这是Chrome和Firefox。你可以看到图像将符合屏幕，并有一个很好的边界半径在顶部。这里是Safari。你可以看到图像顶部没有边框半径。我不知道问题出在哪里。为此，我还试图使用：但这也没用。

浏览 2提问于2013-05-08得票数 0

点击加载更多