开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

：第一行css -在Safari中工作，而不是在Firefox/Chrome中工作

第一行CSS是指在CSS样式表中的第一行代码。CSS（层叠样式表）是一种用于描述网页上元素样式的标记语言，它可以控制网页的布局、字体、颜色、背景等外观效果。

在Safari中工作，而不是在Firefox/Chrome中工作，可能是由于浏览器的兼容性问题导致的。不同的浏览器对CSS的解析和渲染方式可能存在差异，因此同一段CSS代码在不同浏览器中的表现可能会有所不同。

为了解决这个问题，可以尝试以下几种方法：

使用浏览器前缀：有些CSS属性在不同浏览器中需要添加特定的前缀才能生效。例如，某个属性在Safari中需要添加"-webkit-"前缀，可以尝试在该属性前添加"-webkit-"前缀，如：-webkit-property: value;
使用CSS Hack：某些特定的CSS Hack技巧可以针对不同浏览器进行样式的调整。但是需要注意的是，CSS Hack并不是一种标准的做法，可能会导致代码的可读性和可维护性下降。
使用浏览器兼容性库：可以使用一些浏览器兼容性库，如Normalize.css或Autoprefixer等，它们可以自动处理浏览器兼容性问题，使得CSS在不同浏览器中的表现更加一致。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

相关搜索:如何让CSS填充在Chrome中工作，而不是在Firefox或Safari中工作？SASS - CSS - Animation在chrome中工作，而不是在firefox中 CSS页边距中心在Firefox中工作，而不是在Chrome中工作 Jquery在Chrome中不能工作，在Safari和Firefox中也不能正常工作 CSS过渡在chrome中工作，但不能在safari中工作 Firefox在CORS资源上失败，而Chrome和Safari工作 Bootstrap 4-模式在Edge中工作，而不是在Chrome或Firefox中焦点-在chrome中工作，但不在firefox中工作 localhost:5000可以在Firefox中工作，但不能在Chrome、Safari和Edge中工作无法在Firefox或IE中加载CSS。在Chrome中工作 CSS Div,需要它在Firefox和Safari中工作 CSS列(不是网格)在Chrome中无法正常工作 Css媒体查询在chrome和safari中不能正常工作剪辑路径在Chrome中无法正常工作(适用于Firefox和Safari)css位置修复了在firefox上无法在chrome中工作的问题以浏览器窗口为中心，在safari中工作，但不能在firefox或chrome中工作 API在POSTMAN中工作，而不是在Retrofit android中工作代码在Spyder中工作，而不是在Jupyter notebook中工作 Regex在Sublime中工作，而不是在Python中工作(Jupyter)谷歌翻译已停止在Chrome、Safari和Opera上工作(仍可在Firefox上工作)

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

这30个CSS选择器，你必须熟记（下）

在上两篇文章里，《这30个CSS选择器，你必需熟记（上）》和《这30个CSS选择器，你必需熟记（中）》这两篇文章里，我们一起学习了前20个，本篇文章我们一起学习剩下的10个选择器。

00

这30个CSS选择器，你必须熟记（下）

在上两篇文章里，《这30个CSS选择器，你必需熟记（上）》和《这30个CSS选择器，你必需熟记（中）》这两篇文章里，我们一起学习了前20个，本篇文章我们一起学习剩下的10个选择器。

02

【CSS】636- 你必须记住的30个css选择器

星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的margin和padding设置为0。*选择符也可以在子选择器中使用。

03

CSS3文本与字体

兼容性：IE5.5+、FireFox15+、Chrome4+、Safari3.1+、Opera15+

03

认识css3伪元素

css2的规定为单冒号表示，而css3已经明确表示伪类使用单冒号，伪元素使用双冒号，本次所有测试双冒号

05

CSS3常用选择器

一、基本选择器子元素选择器概念：子元素选择器只能选择某元素的子元素语法格式：父元素 > 子元素（Father > Children）兼容性：IE8+、FireFox、Chrome、Safari、Opera 相邻兄弟元素选择器概念：相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素语法格式：元素 + 兄弟相邻元素（Eelement + Sibling）兼容性：IE8+、FireFox、Chrome、Safari、Opera 通用兄弟选择器

02

5个你可能不知道的CSS属性

本文介绍了5个可能大多数开发者不熟悉的CSS属性。包括：1. `font-smooth`，用于确保字体和文本在不同设备和系统上平滑显示；2. `text-stroke`，用于给文本添加描边效果；3. `word-wrap`，用于防止文本换行；4. `contain`，用于限制元素的最大尺寸；5. `will-change`，用于告知浏览器某个元素可能发生的变化，使浏览器优化渲染性能。

08

CSS3之flex兼容写法

很久不写博文，之前的长时间不上都关闭了，但随着工作时间长越来越长，对知识的积累和总结还真的是很重要的。所以奉劝码农们每天都还是要抽出来一点时间总结点东西，以后对你受益匪浅！！今天还是变谈CSS3里的flex怎么处理兼容的

01

巧用cssText[通俗易懂]

IE6/7/8下cssText值与IE9/Firefox/Safari/Chrome/Opera不同

02

HTML加载顺序

完成了若干个基于WEB的项目, 也了解了从前端的js,css,html到后端python/php等, 二者如何交互, 最终浏览器如何执行, 这些在心里也已经很明确了. 不过一个问题一直萦绕在心中,那就是:

03

Day1:html和css

浏览器内核:浏览器分两个部分,一个是渲染引擎(layout engineer 或者 Rendering Engine)和js引擎.

01

真的！！！两行css代码实现瀑布流，html,css最简单的瀑布流实现方式且没有缺点！

这个列表显示顺序是左边 123右边456，不符合正常展示逻辑；然后可以使用js对数据进行预处理；大致逻辑如下：

03

5个你可能不知道的CSS属性

1写在前面每年都有新的CSS属性被标准化，并在主流浏览器中可用。它们旨在使Web开发人员的工作变得轻松，创造出新颖美丽的网站。在这篇文章中，我将介绍5个相对较新的CSS属性，你可能从来没有听说过，我觉得很有趣。本文的目的是带领你总览这些CSS的属性，告诉你可以使用哪些值，它们的使用场景，还有一些例子。具体来说，这五个CSS属性可以分为以下三类：书写显示（font-display和write-mode）; 渲染性能的提升（contain和will-change属性）; 创建新的花式设计（clip-p

02

20+免费精美响应式Html5 网站模板01(含源码)

今天花了几个小时的时间整理了一些响应式网站模板，代码下载方式放在了文章末尾，有什么问题可以私信我或者评论区留言，此文章为系列文章，后面还会继续更新网站模板0203等等

03

元素固定宽高比这么写太香了 - Chrome 支持 aspect-ratio 了

去年差不多这个时候，发了一篇关于CSS 固定宽高比实现的文章，总结了如何从面试者的角度回答固定宽高比实现的问题。如果你对于历史的 hack 方式不太熟悉，建议先浏览一下原文章。

02

【JavaScript】JavaScript 简介 ① ( 浏览器组成 - 渲染引擎 / JavaScript 引擎 | JavaScrip 示例 | JavaScrip 引擎工作过程分析 )

常见的浏览器及其对应的 " 渲染引擎 " 和 " JavaScript 引擎 " :

01

CSS3中的columns属性的用法

表格布局中可以将元素放进设置好的单元格里，将网页进行分列分行的布局，但是表格布局有很大的局限性，现在基本上不再使用表格布局，只是在有表格的时候使用表格来进行局部布局。与此同时在css3中出现了多列布局的方式，来替代表格的多列布局方式。

02

5个你可能不知道的CSS属性

每年都有新的CSS属性被标准化，并在主流浏览器中可用。它们旨在使Web开发人员变得轻松，创造出新颖美丽的网站。

02

不同浏览器下兼容文本两端对齐

在 form 表单的前端布局中，我们经常需要将文本框的提示文本两端对齐，例如：比较粗暴的做法是在需要隔离边距的文本中加标签，然后分别控制每个文字的边距，这种方法比直接加空格或者占位符更精准，我之前

06

Web Components

也就是说，Web Components是Web组件模型标准，由浏览器提供原生特性支持，包括Shadow DOM，Custom Elements，HTML Imports和HTML Templates

02

【CSS使用技巧】[通俗易懂]

在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。

02

【转】不同内核浏览器的差异以及浏览器渲染简介

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。

01

CSS使用技巧

在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。

01

CSS使用技巧

然后，将小容器定位为absolute，再将它的左上角沿y轴下移50%，最后将它margin-top上移本身高度的50%即可。

01

Normalize.css ——CSS Reset的友好替代品

最近才第一次接触这个Normalize.css，之前Jeff 都是采用CSS Reset的，但如今发现现在流行这个Normalize.css 了。自己也查阅了不少资料去了解，现在权当是笔记放在这里吧。 Normalize.css 简介官方网站：http://necolas.github.io/normalize.css/ 浏览器支持情况：Chrome, Firefox, Opera, Safari 6+, IE 8+ Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的

09

一篇文章带你了解CSS基础知识和基本用法

相信做过网页的对Css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在Css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于Html的一个美化装置，所以它必须依赖于Html才能发挥作用，那么今天我们就来深入了解下它吧。

02

分享一些冷门但却很实用的css样式

在平常的代码工作中，有很多冷门不常用的css样式标签。有些偏门、冷门的标签一般都记不住，想起来的时候就又会去现找，很影响工作效率，现在，把这些标签都统一整理一下用的少但是超级实用的css样式。

01

跨站脚本（XSS）备忘录-2019版

这是一份跨站脚本（XSS）备忘录，收集了大量的XSS攻击向量，包含了各种事件处理、通讯协议、特殊属性、限制字符、编码方式、沙箱逃逸等技巧，可以帮助渗透测试人员绕过WAF和过滤机制。

01

CSS 1.0~3.0选择器（上）

HTML5学堂：我们学过了最为基础的id，类名和标签名选择器，然后就一直用它们了吗？如果是这样，那会丢失掉CSS选择器强大的功能。我们会花费几篇文章的篇幅，将CSS1.0版本至当前最新的3.0版本当中，存在的所有选择器讲解一遍，今天我们先来说说比较基础的选择器。通配符选择器基本语法 * { margin: 0; padding: 0; } HTML5学堂的一些提醒：对于初学者，在学习更多高级选择器之前，最先了解的选择器。星号选择器将匹配页面里的每一个元素。很多开发者使用这个技巧将外边距和内边距重置为

05

【CSS3】浏览器私有前缀 ( WebKit 内核前缀 -webkit- | Gecko 内核前缀 -moz- | Trident 内核前缀 -ms- | Presto 内核前缀 -o- )

PC 端浏览器对 CSS3 的支持力度是不同的 , 针对不同的浏览器 , 使用 CSS3 样式 , 可以针对不同的浏览器 , 使用不同的 CSS3 样式 ;

01

前端学习(23)~js学习(一)

浏览器是网页运行的平台，常用的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。

02

这30个CSS选择器，你必须熟记（上）

CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行代码，不需要借助任何软件，就能轻而易举的实现，感觉就像魔法师一般，几秒钟就能得到一个想要的效果，是不是很酷呢。

02

前端-CSS Grid中的陷阱和绊脚石

2017年3月，CSS Grid在几个星期内就被发送到Chrome、Firefox和Safari的生产版本中。很高兴，大家可以使用它来解决实际问题。

02

熟悉white-space

white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

03

这30个CSS选择器，你必须熟记（上）

css的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行代码，不需要借助任何软件，就能轻而易举的实现，感觉就像魔法师一般，几秒钟就能得到一个想要的效果，是不是很酷呢。

01

给WordPress博客添加返回顶部和底部的教程

今天就给大家分享下返回顶部那块的制作教程，其实也不难，主要是用到html、css和一些jq代码。

03

这30个CSS选择器，你必须熟记（中）

大家好，上一篇文章里，《这30个CSS选择器，你必须熟记（上）》，我们一起学习了常用的10个CSS选择器，这篇文章我们将继续学习CSS选择器，由于文章篇幅有限，再介绍10个常用的CSS选择器。

01

WordPress 根据浏览器 user-agent 按需加载CSS 文件

在进行前端开发的时候，为了兼容性，比如hack 那个讨厌的IE 浏览器，我们常常需要

08

这30个CSS选择器，你必须熟记（中）

大家好，上一篇文章里，《这30个CSS选择器，你必须熟记（上）》，我们一起学习了常用的10个CSS选择器，这篇文章我们将继续学习CSS选择器，由于文章篇幅有限，再介绍10个常用常用的CSS选择器。

00

CSS样式更改——2D转换

上篇文章主要讲述了CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。

01

【一起来烧脑】一步学会CSS3体系

background-image属性添加背景图片 background-size指定背景图像的大小 background-origin属性指定了背景图像的位置区域

02

【移动端网页布局】移动端网页布局基础概念 ⑨ ( webkit 内核 | 移动端网页 CSS 初始化 - normalize.css )

移动端浏览器都是基于 webkit 内核的 , QQ 浏览器 / 百度 / Safari / UC 都是基于 webkit 内核的 ;

01

CSS中字体相关的小技巧

你是否早已厌倦了司空见惯的Helvetica字体？想让你的网页别有一番趣味？或是想避免和同事讨论这些琐事？那么我想你需要看看下面这些代码。在项目中添加这样一小块代码后，将在全局中将Helvetica字体替换（alias）为Comic Sans MS字体（或是Chalkboard SE字体，取决于浏览器支持）。(是的，我知道我最近写了一篇博客关于字体平滑渲染（anti-aliasing），但除了单词相似外它们并不是一回事)

04

【说站】css中hack的原理

1、浏览器对CSS样式的支持程度、分析结果和识别CSS的优先级，可以根据这些的特征写出不同的CSS样式代码。

03

我的 Sublime Text 必备插

Sublime Text有一个缺点，当你想使用浏览器浏览你的html页面的时候，你需要在你的文件上点击鼠标右键，选择Open In Browser才可以浏览器浏览，而这是用默认浏览器浏览，如果想用第二个浏览器都没办法. 所以，可以通过SideBarEnhancements这个插件来更方便的浏览

01

你现在可以玩下这 5 个 CSS 新功能

在浏览器开始实现它们之前，CSS 新的功能通常需要经过长时间讨论之后，才在W3联盟的规范中定义。有许多值得一提的 CSS 新功能，但是在本文中，我们重点介绍可以浏览器的稳定版中进行测试的五个功能：

03

5 个 CSS 新功能

在浏览器开始实现它们之前，CSS 新的功能通常需要经过长时间讨论之后，才在W3联盟的规范中定义。有许多值得一提的 CSS 新功能，但是在本文中，我们重点介绍可以浏览器的稳定版中进行测试的五个功能：

03

使用 CSS3 实现圆角效果

我爱水煮鱼博客上使用的图片比较多，虽然我采用了服务器缓存，gzip 压缩以及对 CSS 和图片文件设置了一个比较合理的过期时间，但是还是比较慢。所以减少图片的使用还是速度加快的王道，所以我今天学习了下使用 CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。 W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari 也通过私有属性实现了该功能：

03

【FE前端学习】第二阶段任务-基础

1.需要熟练掌握HTML标签以及CSS各个常用属性。 2.掌握CSS3 常用属性 3.掌握jquery的基本用法，对于JS基本逻辑语句需要熟练掌握

01

win8效果的横向布局

有一个月没写过博客了，自己的博客也没有看过，前段时间一直在忙着写代码，公司有一个制漆的产品，与传统纵向布局不一样，要求页面横向布局，类似win8的那种布局效果，最开始，我也没有什么头绪，然后硬着头皮做了，后来，遇到了很多麻烦，我网上查了一些资料，但都不太好，只好自己做了，在做的过程中，突然想到，flex布局，我就试了一下，成功了 <!doctype html> <head> <style type="text/css"> *{ box-sizing:border-box; padding:

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭