我正在开发一个带有形状的菜单，但在safari中它不能很好地工作。在safari中，它破坏了布局，我不知道为什么。如果我不使用svg标签，而只使用css剪辑路径，那么它在safari和chrome中工作得很好，但在firefox中就不行了。Css： width: 65%; background-color: red;
浏览 10提问于2017-06-18得票数 1
我在Safari 9.1中看到了一些行为，这似乎是Safari中的一个bug，但我在这里发布它是为了看看我的代码是否有问题。您可以在中看到这种行为(转载如
浏览 1提问于2016-05-17得票数 0
我使用css clip-path来‘剪裁’出svg动画与下面的图像。
我在firefox和chrome上运行得很好，但safari根本不会应用任何裁剪/屏蔽功能。我在开始这个项目之前检查了caniuse spec，它说明了适用于chrome的相同规则和例外，我只是先测试了chrome，它是有效的，所以我继续它，认为safari也会有同样的待遇。我一直在挠头，试图弄清楚如何让剪辑在safari</em
浏览 3提问于2017-01-26得票数 18
1回答
facebook评论插件在Safari浏览器上不能很好地工作，它显示在旁边，无法在选项卡中看到它。有人知道吗？知道怎么修复它吗？ <div id="fb-root"></div>
<script&g
浏览 3提问于2012-08-15得票数 0
." /> </defs>我想使用w/ CSS： clip-path: url(#line);
...}如果您去掉了:before元素：，它实际上是可以工作的
浏览 1提问于2022-03-25得票数 2
1回答
我一直在使用CSS的clip-path属性，并用这支笔制作了一个动画标识：。该代码绘制了许多div，并根据我生成的一些三角形动态地将clip-path应用于它们。这在Chrome (43.0.2357.124 (64位) )中可以正常工作。你知道我能做些什么来确保
浏览 5提问于2015-06-22得票数 1
虽然它在Chrome中运行得很好，但图表行忽略了Firefox和Safari中用剪辑路径(见附图)指定的边框，我不知道为什么。CSS:JS:svg.append('defs')width) .attr('transform', 'tr
浏览 2提问于2015-08-21得票数 3
回答已采纳
，因此只有在元素中定义了clip-path值时，元素才会有一个clip-path值，而不是initial (等于border-box)。--clip-path: circle(50%);有效地为普通clip-path和WebKit特定的-webkit-clip-path属性设置了值。
您可以在上看到这一点。但是，我未能使用CSS变量来简化另一个属性：-webkit-background-clip属性:如果我将一个CSS变量--clip-
浏览 1提问于2019-07-02得票数 0
回答已采纳
1回答
我在Safari浏览器中有一个带有视频标签的剪辑路径属性的问题。在chrome和firefox中，视频的剪辑路径工作得很好。实际上，Saffary应该支持它，也许我的代码有一些其他的bug。请给我一些建议，让它在Safari中工作。谢谢!210px"> </text></svg>
<br
浏览 15提问于2020-01-10得票数 0
我的目标是在Safari上正确地加载CSS动画。目前的动画工作在Chrome和勇敢，但它不能正确地工作在我的iPhone的Safari浏览器。据我所知，它在除Safari之外的所有浏览器上都能正常运行。
我正在使用@-webkit-keyframes专用于动画.所以不是说我错过了那些..。引用“在Safari中
浏览 2提问于2020-04-11得票数 0
回答已采纳
我正在使用这个径向进度条：，它使用transform:旋转式()；直观地显示一个百分比(例如，80%)。
浏览 1提问于2015-09-29得票数 2
回答已采纳
我想在白色背景上重新创建一个“手绘/笔触”风格的div，如下图所示：它看起来是clip-path-CSS风格的完美搭配。当使用clip-path: url(urlto.svg#pathid);时，它不会呈现，但当我在页面上包含SVG (隐藏)时，它可以工作。如上所述，我让它与站点嵌入的SVG一起工作，但正如在clip-path功能的规范文档中看到的那样，WebKit (Safari和iOS )在正确呈现事物方面存
浏览 0提问于2018-09-13得票数 1
这段代码在：Firefox / Chrome上运行得很好，但是在：Safari / Internet Explorer / Edge上却不能很好地工作。 background-size: contain;.trapezoid-top { height: 40px;
cli
浏览 0提问于2018-05-15得票数 0
1回答
我正在尝试使用SVG蒙版制作图像揭幕效果，其中具有相当复杂几何形状的路径通过CSS变换进行缩放：看起来Safari仍然没有完全支持clip-path属性，但是它应该能够支持这个特殊的属性。
有什么想法吗？
浏览 0提问于2020-05-06得票数 0
我已经基于db数据用d3创建了一个svg，它工作得很好。但是在放大时，绘制的元素会延伸到svg之外。我想创建一个剪辑路径来防止这种情况，它在Chrome和Safari中有效，但在Firefox中变得奇怪：
clip-path属性应用于<g>的子元素(使用url(#[id of <clippath>])当我在Firefox中使用Inspector在这个级别手动应用相同的clip-path属性时，它看起来工作得很好
浏览 3提问于2015-06-02得票数 0
2回答
我正在使用Font Face属性，我已经在火狐、Chrome和Opera...it上测试过了。但是，当我在safari和explorer中尝试它时，它只能在一行上工作，而不能在另一行上工作。下面是css： font-family: font2;
src:url(..
浏览 0提问于2014-07-10得票数 9
回答已采纳
我在火狐中使用带有.svg文件链接的剪辑路径没有任何问题，但Safari似乎拒绝使用它们。相关行出现在main.css (221)中，如下所示：我做了一个测试，创建了一个带有掩码标签的.svg，并将上面出现的剪辑路径行替换为css</e
浏览 0提问于2013-05-16得票数 1
回答已采纳
2回答
我使用内联SVG和CSS clip-path属性在div元素上创建斜角。我知道CSS生成的内容可以模拟斜角效果。但在我的例子中，我必须使用SVG和clip-path。
浏览 13提问于2016-08-28得票数 2
回答已采纳
3回答
我有一个CSS下拉菜单。它可以在火狐、Chrome、IE7+上正常工作，但不能在Safari上运行。真奇怪。如果您在父菜单中，则下拉菜单将停留在:hover状态。我可以很好地描述这一点，但基本上下拉菜单在任何页面上都可以很好地工作，除非选择了父项。似乎奇怪的是，添加的类只会搞砸Safari？我一直在
浏览 0提问于2013-02-09得票数 0
回答已采纳
/Python.framework/Versions/3.5/lib/python3.5/site-packages/selenium/webdriver/support/wait.py"，第71行，在call返回_element_if_visible(_find_element(驱动程序))中，在call返回_element_if_visible(_find_element(驱动程序)，( "/Librarypython3.5&
浏览 2提问于2016-11-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
