公司最近让我做一下网页的兼容，在各个浏览器下功能都能正常使用（IE可以不兼容），百度查的资料大都是css的兼容，但是有些查不到，想知道大网站都是使用什么库或者方法解决的呢？每个浏览器对每一行代码理解都不相同，对我一个新手小白太难了，希望能帮忙解决一下
浏览 231提问于2023-07-27
回答已采纳
1回答
我想用“字体样式:斜角”来选择字体的倾斜角度。
如本例所示：
我还想使用负角
但是我想我遗漏了一个细节，当我在代码中使用完全相同的代码片段时，文本总是以缺省值倾斜(14 the )显示。
我应该使用特定的字体/浏览器还是另一种css适当的方式？
浏览器: firefox 97.0.1
h2 {
font-style: oblique 30deg;
}
<h2>Oblique text with 30deg angle<h2>
谢谢你的回答
浏览 5提问于2022-03-01得票数 0
我不确定在ReactJS中处理CSS的最佳实践是什么。有了create-react-app，它会自动生成一些.css文件，所以我自然而然地继续这样做。但有时，使用内联CSS来调整页面的某些元素会更方便。有时我见过需要在常量中设置样式并在组件中使用它们的组件。在ReactJS项目中处理CSS的指导原则是什么？
我现在要做的是(如果需要的话)为每个组件创建一个包含我可能多次使用的类的.css文件，并使用内联像marginTop: 5px一样做一些小的调整。这是不是很糟糕？
浏览 3提问于2019-10-11得票数 2
3回答
我见过一些使用css的人写下这样的东西
.together
{
display:inline;
display:inline-block;
}
不仅限于显示样式，例如背景大小或背景图像
这样做的目的是什么？我的意思是第二个会覆盖第一个，所以为什么要麻烦呢？
浏览 0提问于2012-08-07得票数 4
回答已采纳
5回答
我已经开始通读有关jquery UI插件的文档。由于这些插件进一步抽象了web设计，我想确保我基本上理解了jquery在幕后做了什么。
我现在使用的是Dialoge box示例，我发现它使用了以下css代码：
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-t
浏览 0提问于2011-09-22得票数 3
回答已采纳
我仍然是JQuery和BluePrint的新手。BluePrint建议在HTML页面标题中添加以下行，以解决与Internet Explorer相关的问题：
<!--[if lt IE 8]>
<link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
但是，如果使用JQuery操作页面，这真的是必要的吗？
浏览 1提问于2011-11-28得票数 0
回答已采纳
1回答
我得到了一个IE的溢出模块幻灯片，和火狐糟糕的显示，我已经搜索并发现这里一些帖子建议使用meyers或雅虎重置，现在我已经复制/粘贴重置meyers代码到一个名为css/style.css的文件，但什么也没有发生(显示与以前完全相同)。然后我在谷歌上搜索了如何成功地重置css，我在某个地方读到了没有标准的方法来进行重置？我不知道还能在哪里问这个菜鸟questions...and，也许这也不是问这个的方式或地方……有关于如何在所有浏览器上重置css的逐步指南吗？这个文件应该放在哪个文件中，应该放在哪里？
浏览 2提问于2012-07-30得票数 0
1回答
我用CSS和jQuery制作了一个使用无序列表的下拉菜单。问题是在firefox中，列表项的间距不相等。它在Chrome和It上都能用。我试过用reset.css，但也不能用：
HTML
<html>
<body>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.8.0/build/cssreset/cssreset-min.css">
</head>
<script sr
浏览 1提问于2012-12-15得票数 0
我曾经用标准的和供应商的前缀写了许多CSS样式。示例：
.three-col {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
这仍然是必要的，而且/or只有特殊的用例。如果有特殊情况，我在哪里可以找到这些情景/案例的清单？
浏览 0提问于2023-03-08得票数 2
回答已采纳
今天早上我一直在探索CSS和HTML，我想知道在用CSS定制HTML标记和属性时是否有任何限制。
这个例子可能会有所帮助：
<div class="app"></div>
这个类应用程序的样式是：
.app { background: black; }
现在更改HTML，类现在是HTML标记，在CSS中，我们没有创建类，而是将它更改为HTML属性，如下所示：
HTML <app></app>
CSS [app] { background: black; }
这种方法能跨浏览器工作吗?同样，页面加载的性能也会保持不变吗？
我已经用C
浏览 1提问于2014-03-25得票数 0
回答已采纳
我不是试图将CSS3特性与Javascript进行比较，而是想知道如何在遇到这种情况时才能做出决定。我知道实现单一交互效果的三种方法，在本例中，当用户在div上悬停时，内部元素将扩展其宽度和高度。
在这种情况下，我想知道哪种方法是理想的。需要考虑的是，我将以现代浏览器为目标，我支持移动设备(iPad和iPhone)，我将使用jQuery和Boostrap。
1.使用jQuery，可以将其编码为如下所示：
$('#js').hover(function(){
$('.inner',this).animate({'height':'2
浏览 0提问于2014-08-09得票数 0
回答已采纳
6回答
我正在摆脱浏览器兼容性的问题。
所以我想到了根据浏览器加载唯一的css的想法。
比方说，如果用户使用IE，那么如果firefox加载styleFF，则只加载styleIE.css，以此类推。
我的问题是，这是正确的方法，如果不是，应该采取什么注意，以避免这种兼容性问题。因为当我为IE解决问题时，它会在我的FF稳定版本中打开新的问题
浏览 3提问于2010-06-29得票数 1
回答已采纳
在你看来，做跨浏览器css (IE7，Safari，Chrome，Firefox)的一种巧妙方式是什么？
考虑到这是一个巨大的web应用程序，它有一个很大的主要css文件，以及许多其他css文件。
条件Css？并为每个浏览器使用不同的css？有什么已知的工具吗？
谢谢。
浏览 3提问于2011-05-10得票数 0
回答已采纳
我使用的是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
2回答
表单元素兼容性问题
、、、
我已经为表单元素编写了css，在mac浏览器中，表单元素看起来与windows浏览器不同，而且mac的浏览器不需要任何css来改变表单元素的外观和感觉。有没有适用于mac的css可以改变表单元素的外观，就像它在windows浏览器中一样？
浏览 1提问于2013-08-01得票数 0
我正在考虑让用户上传一个css文件，并根据自己的配置控制网站的配色方案和其他东西。
因此，在构建它之前，我想知道我应该注意哪些事情？
浏览 2提问于2010-09-30得票数 3
回答已采纳
2回答
我刚刚找到了CSS @page指令，并将它与:first一起应用于html打印的第一页。有什么方法可以与之相反，将CSS应用于除第一页之外的所有页面？
浏览 5提问于2010-12-20得票数 11
回答已采纳
<!--[if gte IE 5]>
<link rel="stylesheet" type="text/css" href="iemaster.css" />
<![endif]-->
<![if !(IE 5)]>
<link rel="stylesheet" type="text/css" href="master.css" />
<![endif]>
根据是否为I
浏览 0提问于2011-03-20得票数 0
回答已采纳
2回答
web应用程序和渲染
、、、
我已经在web上开发了一段时间了，我的大多数跨浏览器兼容性都是使用IE css hack，这绝不是标准的，所以我只是好奇在开发web应用程序时如何处理跨浏览器渲染问题？我从来没有在大公司工作过，那么你认为(如果你有一些在大公司工作的经验)他们是如何处理这些跨浏览器差异的呢？我想要一些关于这个主题的专业反馈，或者一些提示。
浏览 2提问于2011-06-16得票数 2
回答已采纳
2回答
有没有办法改变CSS3线性梯度的一部分？例如：
在Site.css中：
.MyClass{ background-image: linear-gradient(0deg, #FFFFFF, #000000); }
在标记中：
<div class="MyClass">Stuff</div>
我只想更改(从代码背后) #000000。并且只适用于该div。
浏览 0提问于2012-11-14得票数 0
回答已采纳
我正在尝试使用css在html中设置标签样式。它可以在Firefox中正常工作，但在chrome中不能正常工作。下面是我在样式化表单中使用的代码。在通过互联网引用了一些之后，我使用了!important；命令和这个样式表。但它并没有起作用。
.style {
display: block;
border: none;
color: #333;
background: transparent;
border-bottom: 1px dotted gray;
padding: 5px 2px 0 2px;
width:300px;
font-size
浏览 2提问于2013-06-05得票数 0
从我的CSS $("head > style:eq(0)").html();中读取所有CSS选择器的最好方法是什么？
浏览 0提问于2010-09-28得票数 1
回答已采纳
首先，我会说这不是我的工作，但我仍然在努力解决它……下面是有问题的页面：
底部的三个内容区域是有问题的部分。当我在Firefox或Chrome中查看它时，它看起来很好，但在IE9中，所有内容都从左到右折叠，并且框实际上相互重叠了一点。其中的CSS现在看起来有点乱，我不知道从哪里开始。如果你有任何想法我会非常感激的。谢谢!
我不确定我是否需要在这里张贴CSS代码或not...it应该通过“检查元素”在FF中可见，但如果有人看不到它，请让我知道…
浏览 1提问于2012-04-10得票数 1
下面是我的联系人表单在所有不同浏览器中的外观图像：
我尝试过编辑一些CSS，但我希望完全控制这些元素，但我也不想失去灵活性(我也在使用jQuery)。
有没有办法覆盖这些文本区域的浏览器呈现方法，或者我是否坚持默认的样式？
浏览 0提问于2012-01-29得票数 3
回答已采纳
2回答
我有一个网站，我正在添加一些功能。该网站是有点过时，但我没有得到全面改革的整个网站，只是几页。正因为如此，我在这些页面上使用了更现代的代码，但是这些页面上仍然有旧代码。由于旧的代码(它将保留，而不是被删除)，我有一些CSS冲突。
是否可以使整个样式表只应用于div中的样式。
示例：
<div class="style-sheet-modern">
<!-- My Stylesheet applies only within this div -->
</div>
我的第一个想法是将我的css重命名为div。示例：
.style-sheet
浏览 3提问于2014-02-01得票数 14
回答已采纳
每隔80ms，我想将+= 1添加到div的背景Y位置。
问题是它不起作用。只有当我将+= 1加到x位置时，它才起作用。
我该怎么做呢？
我的代码：
<script>
$(function(){
setInterval(oneSecondFunction, 80);
});
function oneSecondFunction() {
$( '#grille1' ).css( 'background-position', '0 +=1' );
浏览 0提问于2014-09-04得票数 0
我有来自计算变量样式的元素的动态样式。在计算属性样式中，我返回带有变量的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
回答已采纳
我想知道如何在下面的resize函数中选择下面的两个样式表链接。我需要根据方向值修改两个链接的href值，但是我不确定如何选择和填充下面条件语句中的href值，有什么想法吗？
<head>
<link rel="stylesheet" href="css/style.css" type='text/css' media='all' />
<link rel="stylesheet" href="css/iphon
浏览 1提问于2011-11-14得票数 2
回答已采纳
3回答
我使用下面的psuedo元素和伪类为带有CSS的占位符文本设置了样式。这将在除Opera之外的所有主要浏览器上完成工作。我的理解是Opera不支持格式化占位符文本。有谁知道用什么方法来设计Opera输入占位符文本？
CSS
::-webkit-input-placeholder {
color: red;
font-size: 10px;
}
::-moz-placeholder {
color: red;
font-size: 10px;
}
:-moz-placeholder {
color: red;
font-size: 10px;
}
:-ms
浏览 1提问于2013-03-29得票数 5
回答已采纳
考虑到我的问题是多么的模糊，这是一个有点遥不可及的机会，但我的智慧在这里结束了。
基本上，在我的本地机器上，我的网站看起来很好。但是，一旦将CSS部署到活动服务器上，CSS就不会以相同的方式应用。正在我的本地服务器上发生的一些覆盖没有在远程服务器上复制。
所有的CSS文件都会在遥控器上加载。还运行了Collectstatic命令。
以前有没有人经历过这样的问题？或者，有没有人猜测过为什么会发生这种情况？
更新我知道是哪个样式表导致了我的问题，对于那些熟悉960. my的人来说，reset.css和text.css。问题是，覆盖在本地以正确的顺序工作，而不是在远程上工作。
浏览 6提问于2011-09-20得票数 0
4回答
<!--[if !(IE 7)]>
<link href="/assets/css/fixed.css" rel="stylesheet" />
<![endif]-->
这不管用。我正在使用Chrome，它没有在我引用的样式表中找到任何东西。我正在尝试添加一个样式表，除了IE7之外，它会加载到所有东西中，因为我试图实现一些IE 7不支持的UI更改。
有人能告诉我我在这里做错了什么吗？
浏览 1提问于2013-09-11得票数 0
回答已采纳
我想知道哪一个是最好的速度：
选项1:为每个浏览器加载单独的CSS (通过<script/>包含单独的JS文件)：
// for internet explorer 6 & 7
if ($.browser.msie) {
document.write('<link rel="stylesheet" type="text/css" href="/css/styles-ie.css" />');
}
// for opera
if ($.browser.opera) {
documen
浏览 9提问于2009-01-18得票数 2
回答已采纳
我想知道是否有任何方法可以只使用CSS来编写专门用于Safari的CSS。我知道一定有什么东西在那里，但我还没有找到。
浏览 1提问于2008-09-16得票数 18
回答已采纳
2回答
我想把这个css应用到我的.FileUpload按钮上，但是它只能在IE上工作，不能在Chrome上工作，我仍然不知道它有什么问题。有人有主意了吗？
感谢你的帮助
.FileUpload
{
width: 90px;
float: left;
color: black;
font-family: Segoe UI,Arial, Sans-Serif;
border: 1px solid #C7D2D8;
height: 30px;
text-decoration: none;
display: inline;
background: white;
margin: 10px 10px 10px
浏览 4提问于2012-01-16得票数 0
回答已采纳
8回答
在IE对CSS的解释中，我发现了一些关于bug或问题的参考，但是这些信息似乎相当分散。如果存在这样的概述，我希望有一个指向全面概述的指针。
编辑：微软已经愿意列出IE的CSS问题(谢谢mouviciel->sanchothefat)，但他们显然不会提供解决办法。所以解决办法也会很好。
谢谢
浏览 7提问于2009-02-16得票数 4
回答已采纳
3回答
css文件：
.radio {
background: url(images/radio-off.png) no-repeat;
height: 21px;
width: 21px;
}
html文件：
<input type="radio" name="sendmail" class="radio" value="send" />
它仍然没有显示背景，它仍然显示“经典”的背景。我做错了什么？
谢谢。
浏览 3提问于2011-03-19得票数 0
回答已采纳
我想在不同类型的浏览器中使用一个css文件。有人能给我一个如何开发它的指南吗?？我不熟悉programming....Pls帮助...
浏览 0提问于2009-11-10得票数 0
1回答
CSS重置文件能消除对特定浏览器的编码样式规则的需求吗？
例如:火狐中的-moz-，用于Safari和Chrome的-webkit-，用于Opera的-o-，以及用于in的-ms-。
浏览 1提问于2017-07-06得票数 1
回答已采纳
在php生成的页面上有几个这样的元素：
<td class="defaultTDStyle" style="color:userDefinedCustomColor" id="myTDId"></td>
所以有一个默认样式，我应用了几个额外的样式，它们覆盖了CSS中定义的样式。
有没有办法从javascript中删除这些添加的样式？看起来obj.style.color="default"和obj.style.color="auto"不能工作。如何从javascript中将颜色重置为CSS默认
浏览 0提问于2010-08-18得票数 25
回答已采纳
2回答
对于这两种情况，最好使用CSS或图像：
1)在我的主页上需要一个渐变的紫色一样的阴影(颜色从深紫色褪色到浅紫色)
2)我的网站上的所有菜单都有一个箭头"More“，当打开时，它会变成"Less”
目前，我的设计团队已经使主页作为CSS和箭头作为图像。但是我看不出一个比另一个有什么优点或缺点，或者使用什么是最佳实践？
浏览 3提问于2010-11-30得票数 0
是否有一种方法可以编写只影响文本字段的样式规则。假设我有以下内容：
<div id="helloDiv">
<input type="text" name="something" /><br />
<input type="checkbox" name="somethingElse" /><br />
<input type="submit" name="go" />
</div>
div#hell
浏览 2提问于2010-06-13得票数 5
回答已采纳
我在一个已知博客的CSS文件中找到了这个属性。我对它的使用以及是否允许使用它们提出了严重的质疑，下面是代码。
*margin
*padding
实例：
.offset1 {
margin-left: 11.325966850829%;
*margin-left: 11.219583872105%
}
浏览 4提问于2013-09-25得票数 0
回答已采纳
有没有什么解决方案可以让你设计一个网页(比如用一个wysiwyg编辑器)，然后自动编译成一个或几个兼容多个浏览器的css文件？
浏览 2提问于2009-08-04得票数 0
回答已采纳
1回答
用于聚合物的CSS风格API
、、、、
我通过以下方法修改了webcomponent的样式：
CSS中的自定义属性
以声明方式在HTML标记中
通过更改属性来编程
我的解决方案使用自动修改CSS自定义属性的属性。它看起来如下：
<link rel="import" href="../../bower_components/polymer/polymer.html"/>
<dom-module id="my-bar">
<template>
<style>
:host
浏览 2提问于2016-07-14得票数 4
1回答
IE对Chrome古怪模式
、、、、
如果我正确理解IE文档模式：
怪癖模式：
使用IE版本<= 5的HTML + css呈现引擎
然后我们有一些徐兼容的模式：
如六、七、八等
然后是标准模式：
它使用当前实现。
(为了简单起见，我没有提到半标准模式)
但是Chrome呢？
我的意思是版本古怪模式所指的，它一定是那些Html + css标准还没有正确实现的版本--我猜.
另外，javascript模式是否会对javascript实现产生影响？
任何帮助都是非常感谢的。
浏览 0提问于2016-05-08得票数 2
3回答
我注意到，在SmartMS中使用的样式属性名称与在css文件中使用的格式不同。
例如：
在css中：
line-height, text-overflow, white-space
在SmartMS中，样式属性没有'-‘符号，因此是CamelCase：
lineHeight, textOverflow, whiteSpace
为什么会有这些差异？
浏览 10提问于2014-07-25得票数 2
回答已采纳
2回答
嗯，我正面临着弹出窗口后面的扩展列表显示的问题，我尝试了这么多css，但在谷歌搜索后，我发现在chrome中有css bug，而在IE和Firefox中它工作得很好。请帮帮我。
这是Chrome的快照
这是IE和FireFox的快照
我删除了Extender的‘sTextbox的所有Css
现在它看起来像
<div>
<asp:TextBox ID="txtCountry" runat="server" Width="727px"></asp:TextBox>
<Syed:Au
浏览 0提问于2015-09-02得票数 0
4回答
您避免为ie7创建网页的css属性有哪些？当你在ie7中看到不能很好地呈现的页面时，你通常会首先检查什么？
UPD:由于程序员通常不是设计师，我认为收集生成大多数失败的bug的简短列表会很有用，而不是深入css实现。程序员永远不会认识所有这些员工。
Ie6正在离开，因此Ie7是最大的失败来源。
浏览 0提问于2009-08-18得票数 4
回答已采纳
6回答
我有以下片段，我想在平板电脑和手机上禁用它。
if ( !! $('#sidebar').offset()) {
var stickyTop = $('#sidebar').offset().top;
$(window).scroll(function() {
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop) {
$(
浏览 0提问于2012-10-19得票数 0
回答已采纳
3回答
当页面上的某些元素没有以应有的方式出现时，人们通常如何调试CSS并解决问题？现在，我不得不痛苦地逐个注释掉CSS声明，以了解样式是如何显示的。
浏览 7提问于2017-10-31得票数 4
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
