Safari的扭曲css顶部

文章/答案/技术大牛

发布

1回答

css、safari

目前，我正在尝试实现一些不使用javascript的通用工具提示(仅基于css)。为此，我使用了一个带有包装器css类的包装器div和一个具有特定显示属性的tooltip类，以及一些顶部边距和左边距的值，以便为悬停的元素留出空间。它可以在Chrome和Firefox上运行，但在Safari中，顶部的值似乎是窗口滚动的倍数，远远低于工具提示。有没有人知道Safari</em

浏览 9提问于2020-08-06得票数 0

2回答

Safari中的CSS转换转换z索引冲突(适用于Chrome / FF)

html、css、google-chrome、safari

我正在使用CSS过渡和旋转效果来显示名片。我在Chrome和FF中都能正常工作，但在Safari中它会扭曲div。但无济于事：transform-style: flat;下面的代码和图片见： Safari

浏览 0提问于2014-07-31得票数 3

1回答

如何阻止转换-旋转从扭曲字体？

html、css、rotation、transform

我正在使用transform-旋转css属性来旋转一个div，这样我就可以使用它作为我页面上固定的facebook和twitter链接，当我使用它时，它会“扭曲”我当前的文本字体。下面是内部div的css： display:inline-block; font-weight:bold; width:125px;

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

1回答

Tablesaw不适用于Safari

html、css、tablesaw

我有一个实现表堆栈模式的表。它在Google，Mozilla，Internet，Edge上运行得很好，直到最近我才发现在Safari/iOS Safari上表的布局是扭曲的。我尝试过使用最新版本的tablesaw和Safari，但是布局仍然扭曲。的结果：PS:我不能使用代码片段。更新:我发现这个布局适用于声明的<!DOCTYPE html>。但是，一旦我声明了这一点

浏览 3提问于2018-07-24得票数 0

1回答

为什么Safari要弄乱我的div的高度？

html、css、safari、frontend、cross-browser

我刚刚完成了FrontEnd Mentor的挑战，正在给一个朋友发短信炫耀/庆祝我的演示链接。但当我打开手机上的链接时，我注意到格式全乱了。后来我在Safari上打开了这个网站，div.selected-plan的高度变得乱七八糟。这是它在我的Chrome机器上的样子。 ? 和变形的Safari版本。 ? 这样你就可以查看Link to the live site /css了。为什么<e

浏览 34提问于2021-10-08得票数 0

3回答

字体被firefox和chrome侵蚀

css、fonts、cross-browser

我在火狐和windows的chrome中遇到了一个非系统字体的问题。此字体为Corbel。在windows上使用Safari和Explorer是可以的，在Mac上使用firefox和Safari也是可以的，但是在windows上使用firefox和Chrome，字体会被侵蚀和扭曲。字体是用font-face css插入的。下面是css的代码。

浏览 1提问于2011-12-02得票数 0

1回答

caniuse.com没有检测到一些浏览器

google-analytics

这提供了在各种浏览器中支持HTML5、CSS3、SVG和其他技术的兼容性表。不幸的是，这将扭曲结果。为什么这个工具只能报告84%的分析数据，为什么不包括一些浏览器，为什么我要从这些浏览器那里得到大量的访问(google.com not set

浏览 0提问于2016-12-21得票数 0

回答已采纳

1回答

如何向jquery数据报警器中添加同级组件

jquery、html、css

使用本例中所示的思想，如何将标题组件(蓝色标题)添加到数据报头旁边而不是顶部？我尝试添加此代码以使其内联，而不是块，但它没有像预期的那样工作。数据报警器被扭曲了。箭头应该保持在日历的顶部，关闭的/ok按钮在底部。只有新组件被添加到数据报警器旁边。箭头、日历和按钮都是块的。if(window.innerHeight<window.innerWidth){ (jQuery)(".ui-datepicker").<

浏览 0提问于2018-01-26得票数 0

回答已采纳

1回答

Safari实现显示:与其他浏览器没有区别

css、browser、safari、hover、hidden

问题：我有一个错误，它只发生在Safari中，而不是任何其他浏览器(返回到IE8)中。它不是由实验/不支持的特性引起的，因此特征嗅探不是一个解决方案。我考虑过为Safari加载一个单独的样式表，但是浏览器嗅探的不可靠性不是我想要依赖的。详细信息：我有一个文本框，该文本框将在另一个元素的悬停上应用display:hidden。文本框不再呈现，但似乎正在与页面上的其他元素进行交互，因为正在显示的元素将被迫下页

浏览 2提问于2015-07-23得票数 2

回答已采纳

2回答

如何限制表头单元的宽度

css、asp.net、header、width、html-table

 如您所见，我有一个具有复杂标题的表。我需要防止水平标题单元格在其文本较长时扭曲副标题宽度。overflow: hidden; white-space: n

浏览 0提问于2015-12-18得票数 1

1回答

css从自动转换到任意高度，在safari中行为是非常不一致的。

javascript、html、css、safari

在Chrome中，如果您有一个转换高度集，并且从auto到某个值，或者从一个值转到auto，它将不应用转换，它将直接扭曲到您刚刚设置的值，就好像您没有转换集一样。我没有查过它，我确实怀疑这是CSS规范中的一个漏洞。这很糟糕，但我可以通过巧妙地手工计算高度和运用花招来解决过渡失败的问题。一个彻底的猴子扳手扔，这个。如果您从一个值转到auto，它会转换为0，然后转到自动值。现在..。我可能只是有点疯狂，但我非常

浏览 2提问于2015-08-13得票数 0

1回答

跨浏览器兼容性

javascript、jquery、css、safari、cross-browser

在Lion 10.8上的新safari browser 6.0上，此代码无法正常执行。在火狐和iPad safari中运行良好。但在mac上，当我向上和向下滚动时，它会一直震动。我试图保持顶部横幅滚动，直到按钮到达页面的顶部，在这一点上，我希望按钮保持固定。<script type="text/javascript"> //a

浏览 2提问于2012-08-13得票数 0

回答已采纳

3回答

无法在$(windows).load()上用chrome设置页边距-顶部

jquery、css、google-chrome、safari

我尝试在页面加载时设置JQuery页边距-顶部为chrome。; } //alert("Youare using Safari!"); $('.footer_links').css("margin-top&qu

浏览 1提问于2014-11-21得票数 1

2回答

背景色在Safari中不显示

css、safari

我怎么也搞不懂为什么视频右侧顶部滑块上的灰色背景在safari中没有显示出来。css看起来很好，可以在其他浏览器中使用。有没有人有个好主意？谢谢，，这是Safari5.1.7。

浏览 0提问于2013-03-12得票数 0

回答已采纳

5回答

当管理灰度栏存在时，如何保持主题布局相同？

theme-development、css、admin-bar

当我登录时，顶部有一个灰色的管理栏。我的主题版面被酒吧扭曲了。如何解决布局问题？是否有一个功能可以检测用户是否登录，或者使用CSS可以解决问题？

浏览 0提问于2011-09-01得票数 2

回答已采纳

2回答

滚动顶部位置导致Safari/IE滞后

javascript、jquery、css、internet-explorer、safari

我尝试通过使用position:relative来固定在顶部位置， var container = $(".container");container.css("overflow-y", "auto"); container.on("scroll", func

浏览 3提问于2017-01-19得票数 0

1回答

CSS3变换、倾斜和旋转

css

我正在看CSS3变换，想要有一个长方体，既有倾斜的，也有旋转的。transform:rotate(80deg);-webkit-transform:rotate(80deg); /* Safariwebkit-transform: skew(50deg);-o-transform:skew(50deg); transform:skew(50deg)

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

回答已采纳

1回答

以编程方式单击FileUpload

java、gwt

首先，我的开发环境是Chrome/Safari和Eclipse露娜以及OSX上的Super模式。我对这个小部件有一段时间。这最后一点是不工作的，或似乎不工作，因为我没有得到文件对话框显示。我已经跟踪了SuperDevMode中的代码执行，而FileUpload.click()看起来确实被触发了(执行在这一点之后，没有抛出错误/异常)，但是我不能，因为我的生命得到了要显示的对话框。通过这两种机制，上传小部件都是“点击”的，所以我真的

浏览 5提问于2015-01-19得票数 0

2回答

CSS3平滑跨浏览器灰度图像

css

有人能告诉我如何修改下面的代码以在所有浏览器中实现平滑的淡入淡出过渡吗？10+, Firefox on Android */-webkit-filter: grayscale(100%); /* Chrome 19+, Safari6+, Safari 6+ iOS */img.grayscale.disabled {-webkit-filter: grayscale(0%);现在它正在火狐中立即

浏览 0提问于2012-12-02得票数 1

1回答

CSS:启用Webkit硬件加速在Safari中很好，在Chrome中很混乱

css、google-chrome、safari、clip-path

几个小时后，我意识到Safari只是将SVG clipPath应用于它应该使用的三个div中的一个。我在Bing上搜索了一下，找到了，这基本上是一样的，但是没有回答；只是一个试图强迫CSS硬件加速(-webkit-transform:translateZ(1px) / -webkit-transform完全适用于Safari.但现在看来，Chrome完全搞砸了。就好像重新油漆已经完全不正常了(我上下滚动，每次Chrome中扭曲的、波涛汹涌<e

浏览 2提问于2015-06-26得票数 0

回答已采纳

点击加载更多