在safari浏览器中，我的背景图像不起作用。当我在safari中检查时，我发现那里的css3 calc()函数不工作。我像这样用过
width: calc(100% - 345px);
height: calc(100% - 180px);
safari不支持calc()函数吗？如果不是，如何使用jQuery创建一个我的calc()函数可以工作的函数。
编辑
我在样式表中多次定义calc()函数。因此，我想使用jQuery，但如何选择定义值的元素calc()?
假设我在css中应用了以下div
div.one{width: 300px;}
div.two{width: 300px;}
div
浏览 0提问于2013-08-02得票数 0
回答已采纳
当我在Safari中打开我的index.html文件时，它会显示所有内容，并使用我的CSS文件进行样式设置。当我用Google打开我的index.html时，它似乎只显示了HTML。我不使用webkits，我只使用index.html文件中的head标记将我的HTML与CSS配对：
CSS：
<link rel=stylesheet type="html/css" href="stylesheet.css">
有人知道我如何在中打开它，这样它就像Safari一样使用我的CSS文件吗？
提前感谢！
浏览 3提问于2017-05-22得票数 0
回答已采纳
此代码在chrome中运行良好。
$("#el").hover(function () {
let position = $(this).offset();
$('#popover').css(position);
});
但是，偏移量()总是在safari中返回：
{top: 0, left: 0}
#el是一个svg圆
<circle id="el" cx="500" cy="153" r="50"></circle>
这是jQuery的
浏览 2提问于2021-12-02得票数 0
回答已采纳
我想知道是否有任何方法可以只使用CSS来编写专门用于Safari的CSS。我知道一定有什么东西在那里，但我还没有找到。
浏览 1提问于2008-09-16得票数 18
回答已采纳
我们公司开发了ERP和CRM，到目前为止我们的产品支持IE和Firefox。现在我们想要支持Chrome，Safari，甚至Opera。有没有全面介绍JS和CSS浏览器兼容性的资料？谢谢！
浏览 2提问于2012-03-13得票数 3
我终于完成了我的第一个CSS支持的站点的工作版本(感谢这个论坛上的一些非常有用的建议)，并验证了CSS。在我出去找(买？)另一台用来检查IE的机器(我是Mac)，到目前为止，我用来检查代码的有效CSS在IE以及Firefox、Safari上是不是真的有效？谢谢，帕特里克。
浏览 1提问于2009-01-06得票数 4
回答已采纳
我有来自计算变量样式的元素的动态样式。在计算属性样式中，我返回带有变量的css。在其他浏览器中，它工作得很好，但在Safari或IE中是内联样式 元素： <button :style="styles" name="button"></button> 计算的变量样式： styles() {
return {
border: `${this.is('flat')?0:1}px solid ${_color.getColor(this.color,1)}`,
background: this.hove
浏览 40提问于2019-02-22得票数 1
回答已采纳
1回答
我使用CSS类来反演img颜色。
我就是这么做的
<style type="text/css">
.invertimg{
-webkit-filter: invert(100%);
-ms-filter: invert(100%);
-o-filter: invert(100%);
filter: invert(100%);
}
</style>
火狐和Chrome一切都很好，但是Internet和Safari (我在iOS 8上测试过)不要倒置img颜色。
我已经找了好几天了，没有任何解决办法。
我做错什么了吗？
浏览 4提问于2015-01-31得票数 0
回答已采纳
我不能让下面的代码在Safari中工作，当使用-webkit-除了Safari在其他地方都可以工作时，同样的问题。有什么想法吗？ HTML： <h3 class="title">Count To:</h3> CSS： h3.title:after {
animation-name: changeContent;
animation-timing-function: linear;
animation-iteration-count: 1;
animation-duration: 24s;
animation-de
浏览 36提问于2021-08-03得票数 2
2回答
我是前端开发人员，当我在Safari浏览器中设计一个带有css的网页时，它呈现的方式不同于其他浏览器，比如Chrome、Firefox。如何使用windows上的Safari浏览器来测试我的网页。
浏览 9提问于2022-01-27得票数 1
我的目标是在Safari上正确地加载CSS动画。目前的动画工作在Chrome和勇敢，但它不能正确地工作在我的iPhone的Safari浏览器。下面是一个小摆设：
如果你打开页面，点击左上角的“运行”，你就会看到如果你把它加载到Chrome上的话，你会看到动画播放的样子。我正在寻找的是动画“幻灯片”从左边和填充背景div。据我所知，它在除Safari之外的所有浏览器上都能正常运行。
我正在使用@-webkit-keyframes专用于动画.所以不是说我错过了那些..。
我尝试将webkit关键帧指示器从to和from更改为0%, 100%，就像在中一样。
@-webkit-keyframes h
浏览 2提问于2020-04-11得票数 0
回答已采纳
在你看来，做跨浏览器css (IE7，Safari，Chrome，Firefox)的一种巧妙方式是什么？
考虑到这是一个巨大的web应用程序，它有一个很大的主要css文件，以及许多其他css文件。
条件Css？并为每个浏览器使用不同的css？有什么已知的工具吗？
谢谢。
浏览 3提问于2011-05-10得票数 0
回答已采纳
1回答
目前正在开发我的自定义jquery插件，它只需要运行jquery。
我不想包括额外的第三方jquery插件。
我有一个CSS3动画运行在我的搜索按钮时，点击，这是很好的工作，除了ie9。CSS如下：
.loader {
display: block;
width: 25px;
height: 25px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #fff;
outline:none;
-webkit-animation: spin 1s
浏览 1提问于2015-09-24得票数 0
回答已采纳
1回答
我有一个自定义光标的图像地图与许多热点。我的光标在Firefox和Internet Explorer中工作正常，但Safari返回默认光标。
我使用了其他网站上的代码。我的目录结构是：
index.php > css/main.css > css/images/pencil.cur
下面是我的实现(请注意，对于normal和a，a:hover和a:visited状态，我需要相同的自定义光标：
#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen .wrapper a:vis
浏览 1提问于2011-11-11得票数 3
回答已采纳
到目前为止，我有两个问题被忽略了，但我真的很感激能给他们一点启发。
First:如何解决Safari、Chrome和Firefox之间的差异以及它们的引擎呈现不同的标记？我应该在相同的css规则中为每个属性写下正确的属性吗？没有更好的办法了吗？
是否有一种方法来分离这些浏览器的CSS页，就像我为IE所做的那样？推荐这样做吗？
第二：，CSS3属性如何？我应该在CSS2属性之后用相同的规则再次编写它们吗？
这会导致用CSS验证WC3时出现问题吗？
浏览 1提问于2012-01-17得票数 0
回答已采纳
1回答
安卓浏览器上的CSS3效果
、、、、
我已经用Jquery mobile制作了一组HTML5页面。在开发时，我使用Chrome、Safari和ripple模拟器来查看我的网页的外观。然后，我将我的页面放在本地服务器上，观察到在iPad & iPhone中，我的页面可以正确呈现，但在安卓浏览器上，CSS效果根本不起作用。我所有的jQuery移动网格/主题都被抛弃了。为什么会发生这样的事情？
我已经为我的样式表和javascripts使用了CDN托管的'.min‘文件的复制粘贴代码片段，并没有单独下载它们。
<meta name="viewport" content="width=devi
浏览 4提问于2011-12-06得票数 2
回答已采纳
如何改进以下功能，使其可以在多个浏览器中运行？
$('#img').click(function() {
$('input[type=file]').click();
});
因此，当我单击一个图像时，它将允许选择要上传的文件。在css上，我执行了以下操作：
input[type="file"]{display:none;}
我在safari 5.1.2和Opera11.61上试了一下，它不能工作。在火狐和ie8上测试它，它工作了……
浏览 1提问于2012-03-21得票数 0
1回答
最小可再生产实例
<html>
<head>
<style>
div {
background-color: #F00;
}
* button {
opacity: 0;
}
*:hover button {
opacity: 1;
}
</style>
</head>
<body>
<button>hello</button>
<div>
<button>world</butt
浏览 4提问于2020-06-11得票数 0
回答已采纳
在设计网页(html/css/javascript)时，我们应该遵守哪些基本技巧，才能与大多数浏览器(IE-firefox-opera-chrome-safari)保持最高的兼容性？
谢谢
浏览 3提问于2010-04-05得票数 2
回答已采纳
1回答
我们都知道，可滚动的内容，即CSS overflow:scroll;，需要在iOS上有一个可怕的两根手指滚动，没有滚动条。我已经研究过多种方法来拥有一个漂亮的有吸引力的iOS卷轴，但是它还不够好，因为它们都是为iOS web应用程序设计的。
所以，我想找一个解决方案，做任何一件事：
检测苹果移动safari并对所有溢出:滚动元素应用javascript。
是可滚动内容的跨浏览器解决方案，包括iOS (将是最好的)
有什么想法吗？
浏览 1提问于2011-04-13得票数 0
1回答
我试着用css做一个圆形按钮，它有以下属性：
width: 60px;
height: 60px;
color: #5A5A5A;
border-radius: 50%;
border: 2px solid;
display: inline-block;
在chrome中效果很好，但在safari中，它的边缘是“凹凸不平”的。有没有办法得到正确的圆角边缘？
浏览 2提问于2015-06-23得票数 0
我在Safari (和ios设备上)很难找到在Firefox、Chrome、Edge和IE上工作的东西。
在我的页面上，有一个输入字段，它将输入发送回服务器，并在服务器创建此元素后向dom添加一个元素(将其想象为一个复杂的组合框，其中包含服务器端的搜索结果呈现)。
添加到页面中的dom元素包含可单击的链接，如下所示
<a href="" class="stampOption">Search result 1</a>
由于没有人知道这些链接中有多少会出现在页面上，所以我在文档上注册了一个单击处理程序，如下所示：
$(Document).on
浏览 1提问于2017-10-20得票数 0
回答已采纳
我下面有一个使用$_SERVER['HTTP_USER_AGENT']的脚本，因为get_browser()在服务器上不是活动的，并且所述服务器的管理员(hotgator)不会为我激活它。
也就是说，当我在兼容模式下运行IE 8时，我在Windows XP (虚拟机测试床)中运行的是IE 8。为什么？
<?php
//This is a script that will identify the OS and browser you are using.
// This also has a fix in where Chrome shows up as Chrome,
浏览 0提问于2012-01-09得票数 1
回答已采纳
我使用-moz和-webkit css样式已经有一段时间了，比如框影、文本阴影等等。最近我注意到，每个FireFox、Chrome、Safari和IE (9)都使用标准的box-shadow和text-shadow以及类似的css样式产生相同的结果。
我在想这是否有任何记录。因为我成功地从一个站点中删除了所有特定于浏览器的浏览器，所以在所有这四个浏览器中它看起来都是一样的。
浏览 8提问于2011-09-22得票数 14
回答已采纳
我正在尝试为我们的公司写一个插件，并想使用HTML，JS和CSS来构建它们。有没有一个框架，让我只需构建一次插件，而不必为Firefox、Chrome、Safari等构建一个插件。Jetpack和Google Chromes扩展引擎看起来非常接近，有没有一个框架或者一个编译器可以改变javascript代码，使其与多个浏览器兼容？
我想在插件中使用jQuery，至少它会很好。
浏览 1提问于2009-06-13得票数 1
我正在尝试使用svg实现CSS动画。
我期望两个svg盒是旋转(旋转)与transform-origin: center center; 360度。它看起来像我对Chrome和火狐的预期，但与macOS 10.12 (高塞拉)和iOS 11.0.x和beta不同。
似乎transform-origin: center center;在Safari中不起作用？
有什么办法解决这个问题吗？
我所期望的：
我在Safari上看到的是：
下面是一个示例代码
HTML：
svg(width=500, height=500, viewBox='0 0 500 500')
r
浏览 3提问于2017-10-27得票数 10
回答已采纳
1回答
我使用vw作为我的字体大小的单位，以便在调整浏览器大小时看起来很好。然而，当我在Safari上浏览它时，内容运行，有人知道如何解决它吗？谢谢
CSS
.flatNav {
background-image: url(../img/navBar.png);
background-repeat: repeat-x;
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 0.8vw;
height: 48px;
position: relative;
top:
浏览 1提问于2014-07-24得票数 4
1回答
我知道这两种浏览器都使用webkit，但是当我在safari中为OS显示表单时，输入复选框在div中排列得很好。
如果我去铬，那么复选框是到处都是。
我想知道是否有CSS代码可以确保它在两种浏览器中都排列得很好？不只是复选框超出了线，而是所有的输入。
windows上的Chrome是47版Safari在OS上是9版
如果有人能指出正确的方向，我会很感激的。
谢谢
<div style="position:relative;text-align:left;top: 15px;left: 193px;">
浏览 0提问于2016-01-19得票数 1
回答已采纳
我写了一个可以在所有浏览器上运行的脚本，除了一些in浏览器。我似乎搞不懂为什么一些in浏览器可以工作，而另一些浏览器不行。在办公室，4个Internet Explorer 8的8.0.6001.18702版运行得很好，而另外4个Internet Explorer 8@ 8.0.6001.18702版(完全相同的浏览器)却不能工作。我们都安装了Windows XP和所有最新的更新。
请访问与火狐，safari，铬，...然后使用Internet Explorer (7，8，无关紧要)。
问题出在网站的顶部。拇指应该有一个覆盖，当悬停时；覆盖应该消失，工具提示应该出现。
我希望有人能帮助我，因为I
浏览 2提问于2010-11-29得票数 0
2回答
我目前正在完成一个网站，但我有一个奇怪的问题。我有一个字体从谷歌导入，在我的CSS文件。
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);
然后我就像这样在身体标签上做一个普通的字体家庭电话。
body{
font-family:'Josefin Sans', sans-serif;
}
它在Chrome，火狐，爆炸物，Safari，和其他任何我能尝试的东西中都很好。
昨天我在学校的课间工作，实验室里的电脑都是Linux机器，我用Linux上的Firefox打开了网站，而字体没有在其中任何
浏览 3提问于2014-09-10得票数 1
回答已采纳
我知道有像dreamweaver这样的程序，但没有一个在创建自动跨浏览器兼容的html和css代码方面取得重大成功。
我想知道，有没有框架或程序可以用来创建更多跨浏览器兼容的HTML和CSS布局？
目前，我正在使用在vmware上运行的虚拟windows xp版本来检查网页在IE6中的外观，并手动使用Chrome、火狐、Opera和Safari。
浏览 2提问于2012-01-13得票数 1
回答已采纳
4回答
我的css没有使用Iexplorer，有人能解释一下为什么不起作用吗？
<div class="myBox"> Content <div>
CSS:
.myBox {
margin: 0.0in auto;
color: #FFF;
width: 450px;
height:450px;
padding: 12px;
text-align: left;
background-color: #444141;
border: 0px solid #4e4b4b;
/* Do r
浏览 10提问于2010-02-23得票数 0
我想做移动浏览器自动化在真正的iOS设备上使用Appium。以下是我所遵循的步骤：
我从克隆了Safari项目，并成功地将Safari应用程序安装到iPhone 6中。
复制Safari launcher.app文件并压缩该文件，然后将zip文件复制到此路径中的Safari文件夹中：
Appium\Contents\Resources\node_modules\appium\build\SafariLauncher
成功地设置ios_webkit_debug_proxy并连接到我的手机上.
当我运行appium时，它连接到设备并在设备上打开Safari启
浏览 0提问于2016-03-24得票数 0
好吧，我这里有几个类似的问题。
我说的浏览器: IE - Gecko (Firefox) - Webkit (Google，Safari)
问题1
在三种指定的浏览器中，哪一种最符合CSS3标准？在遵循CSS3标准方面，这是最差的(当引用最新的标准时)。
问题2
我试图创建一个站点，直接显示三个指定浏览器中支持的内容之间的差异(给出示例)。这三种浏览器中的任何一种(即CSS3标准中定义的)是否都不支持这些内容？
浏览 7提问于2011-10-16得票数 0
回答已采纳
1回答
我注意到materialized CSS图标没有出现在Safari (v5.1.7 (7534.57.2)中。在这个主题上搜索了很多，但是还没有任何关于safari的浏览器兼容性的文档。有人能告诉我，如果这是一个bug，需要修复，或有任何替代办法来获得这项工作在Safari。
其他浏览器
Safari浏览器
PS:除图标外，materializecss的其他功能运行良好
浏览 3提问于2016-03-16得票数 8
回答已采纳
2回答
我已经在我的CSS中设置了下面的字体。
@font-face {
font-family: 'sfnt';
src: url('../sfnt.eot'); /* IE9 Compat Modes */
src: url('../sfnt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../sfnt.woff') format('woff'), /* Modern Browsers */
url('../sfnt.t
浏览 1提问于2013-11-28得票数 0
如果CSS是唯一的因素，那么css中的什么东西应该在我们的习惯中使网站在所有A级浏览器中兼容。
Firefox、Safari、IE 6、IE 7、IE 8
我们可以避免在IE中使用条件CSS吗？
浏览 3提问于2010-02-11得票数 0
2回答
我使用的页面有时会显示模式叠加，其中div (position: div )> div (position: relative；width/height: 100%) >div (position: absolute；left/right: 50%)。
无论是在移动设备上，还是在桌面的Chrome/Safari上，滑动仍然会滚动停留后的页面。我可以使用JavaScript或CSS来防止这种情况吗?如果可以，如何防止？
浏览 1提问于2013-03-27得票数 3
回答已采纳
我使用的是CSS圆角和阴影，当我通过Chrome在Visual中调试它时，它工作得很好，但是当我将它放置到服务器上并尝试通过Chrome或IE访问它时，它不会显示阴影或圆角。Visual提供的服务器端和虚拟服务器之间是否有什么不同？谢谢你提前帮忙。
.greenborder
{
border-radius: 15px 15px 15px 15px;padding: 8px; border: 2px solid #7F9F1A;
behavior: url(ie-css3.htc);
background-color :White ;
box-shadow: 10px 10px 5px #888
浏览 0提问于2012-04-11得票数 0
1回答
我使用div创建一个圆圈，作为标题末尾的句号。
直到几周前，这个段/div在Safari、IE、Chrome和FF上都工作得很好。
我不记得我做过什么改变，除了增加了标题的字体大小，这使得句号变得松散，它的位置是正确的。纠正这个错误后，它突然在FF 17.0.4中的正确位置下大约10-20个像素，但在IE，Safari和Chrome中处于正确的位置。
句号如下所示；(CSS)
width: 15px;
height: 15px;
background-color: rgb(252, 193, 54);
border-radius: 25px 25px 25px 25px;
margin-lef
浏览 1提问于2014-08-21得票数 1
我一直有一些严重的问题，试图得到这个网页，我一直在努力正确地工作与IE7 (ff/chrome/safari/ie8都很好)。我已经纠正了所有的超文本标记语言和CSS的问题，但它仍然不能在IE7中呈现相同的效果。我已经在这上面工作了几个月，想知道社区是否能给我一些帮助：
谢谢。
浏览 0提问于2010-04-28得票数 0
我在使用页面上的一些CSS时遇到了一些麻烦。它是有效的CSS和严格的HTML。它在除IE以外的所有*浏览器中都呈现良好(我只尝试过7次)。有没有办法判断它是在Quirks模式还是Standard模式下呈现页面？我怀疑它可能是在做怪癖模式，因为这是我能想到的唯一解释。
*Opera、Chrome、Safari、Firefox ...不是真正的每一个，但足够接近。
浏览 4提问于2010-03-04得票数 0
为什么这是webkit用户代理：
Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.27+ (KHTML, like Gecko) Version/5.0.4 Safari/533.20.27
为什么不呢：
Webkit/5.04 (Windows NT 6.0; WOW64) AppleWebKit/534.27+ (KHTML, like Gecko) Safari/533.20.27
感谢您澄清了这一点:)
浏览 0提问于2011-07-16得票数 2
回答已采纳
主容器已满页
在所有搜索引擎中，elemenst在网站上都有很好的定位，但在safari上没有。Safari没有看到css "flex“，我不知道如何修复它
在css中看不到safari
display:flex;
这是为了
display:-webkit-flex;
浏览 0提问于2015-06-12得票数 0
预期的行为是，在大窗口大小时，黄色和红色div彼此相邻，在较小的范围内，它们在顶部堆叠，可滚动。
这可以在Chrome，Firefox，IE上使用。
这适用于Mac上的Chrome，Firefox，Safari。
这适用于Android上的Chrome。
这不适用于IOS设备上的Chrome或Safari！
相反，在IOS设备上，它被呈现为一个巨大的div，对于视口来说太高了。另一个div根本没有出现。
我尝试了多种方法，唯一成功的方法就是在css中使用@media查询。我不想这样做，因为我不能保证支持每一个设备。
HTML：
<!doctype html>
<html
浏览 0提问于2016-11-22得票数 0
回答已采纳
1回答
我正在构建一个网络应用程序(reactjs)来分享视频。对于每个视频，我都生成了一个HLS和一个DASH格式(因为不是每个设备都支持HLS )。
我希望有一个服务器端浏览器检测，并对每个设备使用正确的格式(使用一个网络播放器-目前我使用的是video.js)
我确定的是，对于每个iOS设备，HLS都应该工作(在Safari、Chrome和Firefix上)。这是对的吗？
我已经搜索了更多的细节，但是我很难找到一个包含主浏览器和操作系统(Chrome、Firefox、Safari、Edge、MacOS、Android和Windows)格式的列表。
有人能帮我吗？
谢谢。
C.C.
浏览 3提问于2021-02-13得票数 1
回答已采纳
“所有浏览器兼容”和“跨浏览器兼容”有什么区别？
什么是“交叉”意思是不同的操作系统？
如果它在IE 7，8 FF 3+，Safari 3+的桌面版本上工作得很好，我们可以说它是跨浏览器兼容的吗？
或者跨浏览器意味着所有操作系统和设备上所有最新的和古老的浏览器？
“交叉浏览器”是否比我们认为的更宽？
编辑1:
“跨平台”和“跨设备”两个词是否包含在“跨浏览器”中？
如果我让网站与IE 7，8 FF 3+，Safari 3+ opera 8+的桌面版本兼容，并使用word 交叉浏览器，谁会认为它也适用于移动浏览器和其他设备(Ipad)？
我是否应该清楚地提到，我将只在桌面浏览器版本IE7，8 F
浏览 0提问于2010-07-02得票数 2
回答已采纳
2回答
我有一个固定宽度居中的模板，我想在"main“div的左侧和右侧应用10px填充。因此，在小屏幕上，网站不会接触屏幕的左侧。它可以在IE，Firefox，Safari，Opera中运行，但不能在Google Chrome中运行。
相关代码如下：
<style type="text/css">
#main {
padding:0 10px;
}
#wrap {
width:980px;
margin:0 auto;
}
</style>
<div id="main">
<
浏览 0提问于2012-02-02得票数 2
回答已采纳
4回答
我有一个CSS问题；transform-origin在firefox中不起作用。该网站的核心是chrome和safari，而不是firefox。
html {
transform: scale(0.9);
transform-origin: center top;
}
我的网站是
如果你能帮我解决这个问题，我将不胜感激。非常感谢你提前这么做。
完整的CSS
@media screen and (max-width: 1240px) {
html {
zoom: 0.9;
-moz-transform: scale(0.9);
-moz-transform-origin: center top;
浏览 0提问于2014-08-16得票数 8
我有一个小的CSS方括号的事情正在进行。它在Chrome，Firefox中运行得很好，在IE中也很奇怪，但在Safari中就不行了！
.square-brackets {
padding: 10px 30px;
margin: auto;
border: 5px solid transparent;
border-image:linear-gradient(to right, #92AC3B 0px,#92AC3B 3%, #fff 3%, #fff 98%, #92AC3B 98%, #92AC3B 100%);
border-image: -webkit-linear-gradient(t
浏览 0提问于2017-05-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
