公司最近让我做一下网页的兼容，在各个浏览器下功能都能正常使用（IE可以不兼容），百度查的资料大都是css的兼容，但是有些查不到，想知道大网站都是使用什么库或者方法解决的呢？每个浏览器对每一行代码理解都不相同，对我一个新手小白太难了，希望能帮忙解决一下
浏览 231提问于2023-07-27
回答已采纳
我写了一个可以在所有浏览器上运行的脚本，除了一些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
可能重复：
我试图理解的目的，评论时，做某些类型的造型。我以前在IE条件样式的例子中见过它。
这是我今天早上看到的一个：
<style tyle="text/css">
<!--
@page { size:8.5in 11in; margin: 2cm }
-->
</style>
这在这里有什么用途，它的其他用途是什么，什么时候合适。CSS没有读到注释，还是CSS中的意思完全不同？
浏览 3提问于2012-07-18得票数 3
回答已采纳
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
我有一个contenteditable DIV元素，我不想粘贴它，基本上它只是粘贴到innerText中，而不是innerHTML。我不使用任何库，只是纯Javascript。目前，如果我要从一个站点复制一些CSS文本，然后将其粘贴到div元素中，那么样式也会随之出现。我想要它，所以如果我粘贴它，CSS就不会出现，或者使CSS被来自oninput事件的字体/颜色所覆盖，而这个字体/颜色是我为div元素的类设置的。那我该怎么做？
用于DIV元素的CSS：
.mystyle {
border:4px solid gray;
background-color: #00000070;
浏览 4提问于2020-07-07得票数 2
我对HTML和CSS非常了解，但是响应式的、持续不断地处理css媒体查询是一件令人头疼的事情。你有什么建议可以让我的工作流程变得不那么麻烦？我能学到什么让我的工作变得更容易？
我看到一些网站的响应性是如此的动态和完美。CSS媒体查询似乎不能创造这种流动性。
浏览 0提问于2014-10-17得票数 0
我试着用位置粘稠来制作一个粘稠的表格头。
下面的jsfiddle在Chrome v64中工作，但在火狐v57中不起作用。
我是否遗漏了一些额外的CSS来使它在Firefox中工作呢？
CSS
.container {
height: 200px;
overflow: scroll;
}
th {
position: sticky;
top: 0;
}
HTML
<div class="container">
<table>
<thead>
<tr>
<th>Header</th&g
浏览 2提问于2017-11-16得票数 0
回答已采纳
2回答
跨浏览器样式CSS窗体ID
、、、、
我有一个标记为：<form id="some-form">的表格。我总是选择使用
#some-form { /* declare my css */ }
但是，我的一位团队成员说，这不是跨浏览器或向后兼容的，我需要使用如下语法声明我的css：
form [id="some=form"] { /* declare my css */ }
有人能详细说明这是否属实吗？哪些浏览器/版本会受到影响？有什么正确的语法来确保跨浏览器的向后兼容性？谢谢!
浏览 3提问于2013-08-15得票数 0
回答已采纳
什么类型的XHTML和CSS验证错误是可以避免的？今天和明天不会有什么害处(如果我们不接触xhtml、css )？
我的意思是错误，不会对浏览器，css和html版本的未来升级造成任何问题？它们今天只是显示为错误吗？
我想我知道的一件事是供应商扩展。是否有其他不会对用户和开发人员造成不良影响的错误/警告？
如果我正在创建一个网站，并且我收到了很多错误，我是否应该尝试花时间来解决每个错误？如果我将尝试解决所有错误，那么我将不得不在某些实例上使用javascript来代替css
浏览 0提问于2010-07-03得票数 1
1回答
IE对Chrome古怪模式
、、、、
如果我正确理解IE文档模式：
怪癖模式：
使用IE版本<= 5的HTML + css呈现引擎
然后我们有一些徐兼容的模式：
如六、七、八等
然后是标准模式：
它使用当前实现。
(为了简单起见，我没有提到半标准模式)
但是Chrome呢？
我的意思是版本古怪模式所指的，它一定是那些Html + css标准还没有正确实现的版本--我猜.
另外，javascript模式是否会对javascript实现产生影响？
任何帮助都是非常感谢的。
浏览 0提问于2016-05-08得票数 2
3回答
我见过一些使用css的人写下这样的东西
.together
{
display:inline;
display:inline-block;
}
不仅限于显示样式，例如背景大小或背景图像
这样做的目的是什么？我的意思是第二个会覆盖第一个，所以为什么要麻烦呢？
浏览 0提问于2012-08-07得票数 4
回答已采纳
我在字体的顶部看到了很棒的css：
@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot?v=3.2.1');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') fo
浏览 1提问于2013-10-23得票数 1
回答已采纳
2回答
我在使用jQuery中的各种功能显示/显示可见的子菜单内容时遇到了一个问题。它不会起作用的，我不知道为什么。如果有人能帮我，我将不胜感激。
基本的想法是，当我悬停在链接上(它是实际应用程序中的一个图像)时，我需要弹出一个子菜单。
function openMenu() {
$("#block a").hover(function () {
$("#block .list .submenu").css({
visibility: "visible"
});
$(
浏览 0提问于2013-07-22得票数 1
回答已采纳
今天早上我一直在探索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
回答已采纳
当我做选择时，我正在尝试从api获取信息。这是我的代码：
import React from 'react';
import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';
import { getReservas } from '../../api/reservas';
import '../../../node_modules/react-big-calendar/lib/css/react-bi
浏览 0提问于2019-12-01得票数 2
我不是一个前端程序员，但我第一次意识到这个问题时，我发现css.maxHeight不支持HTML4.0。当DOCTYPE引用HTML4.0时，css中的maxHeight不起作用，但是将DOCTYPE更改为XHTML1.0 1.0，则可以工作。
那么，现在有一个问题，HTML4.0 4.0和XHTML1.0 1.0对css的支持有什么不同？或者，我在哪里可以得到比较图表或统计？
编辑： --很抱歉输入错误，是maxHeight而不是maxLength--
我所指的css.maxHeight只是简单的代码，backgroundColor在HTML4.0中工作，但maxLength不工作。
<
浏览 6提问于2010-06-23得票数 0
回答已采纳
1回答
我得到了一个IE的溢出模块幻灯片，和火狐糟糕的显示，我已经搜索并发现这里一些帖子建议使用meyers或雅虎重置，现在我已经复制/粘贴重置meyers代码到一个名为css/style.css的文件，但什么也没有发生(显示与以前完全相同)。然后我在谷歌上搜索了如何成功地重置css，我在某个地方读到了没有标准的方法来进行重置？我不知道还能在哪里问这个菜鸟questions...and，也许这也不是问这个的方式或地方……有关于如何在所有浏览器上重置css的逐步指南吗？这个文件应该放在哪个文件中，应该放在哪里？
浏览 2提问于2012-07-30得票数 0
4回答
<!--[if !(IE 7)]>
<link href="/assets/css/fixed.css" rel="stylesheet" />
<![endif]-->
这不管用。我正在使用Chrome，它没有在我引用的样式表中找到任何东西。我正在尝试添加一个样式表，除了IE7之外，它会加载到所有东西中，因为我试图实现一些IE 7不支持的UI更改。
有人能告诉我我在这里做错了什么吗？
浏览 1提问于2013-09-11得票数 0
回答已采纳
2回答
我试着在一个页面上显示三个大小均匀的DIVs，左和右DIVs分别对齐，中间的DIVs居中，中间的空格是均匀的。我找到了，它完全符合我的要求，而且工作非常完美。
这是Chrome和Firefox的完美版。在IE9 (在Windows 7上)和IE10 (在Windows 8上)中，它看起来是灾难性的不同，盒子堆叠而不是并排，在CSS中指定的框的宽度和高度完全被忽略，而且第一个DIV中的控件似乎每个都在各自的DIV中，有一个边界，而不是在同一个DIV中。有人能告诉我我(或IE)哪里出错了吗？
<div id="caselookup">
<div clas
浏览 3提问于2013-02-05得票数 1
回答已采纳
1回答
svg动画浏览器支持
、、、
我想深入到精彩的世界的.svg动画为我工作的网站。
我想做一个图标，在悬停上动画。我已经找到了多个教程，它们都可以帮助我，但是，我注意到实现svg动画有很多不同的方法。
我可以找到很少的信息是什么是最受支持的方式动画一个svg。它有js库吗？有生命的标签？css动画？
js库对我来说似乎是最好的，但我也喜欢使用css的想法。有人能告诉我更多关于这些方法的浏览器支持吗？
浏览 0提问于2016-09-22得票数 3
如何测试浏览器是否支持css3？
if(!css3){
//if at least one css3 feature isn't supported
//do stuff here
}
浏览 0提问于2014-03-10得票数 1
简单的问题:为什么我们需要兼容性测试？
主要是因为应用程序在不同的web浏览器上的行为不同。这就是为什么当所有的web浏览器都遵循行业标准时，为什么应用程序在不同的web浏览器上的行为不同呢？
我对此进行了调查，并了解到每个web浏览器都有自己的读取.css文件的方式。不过，这算是外行的回答。
如果有人能帮我理解为什么我们需要兼容性测试的确切原因，我会非常感激的。
浏览 0提问于2014-07-17得票数 0
5回答
在哪里可以找到支持所有浏览器的列表CSS属性？
例如:我可以使用以下属性生成div的背景色：
div
{
background-color:rgba(255,255,255,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#70FFFFFF',EndColorStr='#70FFFFFF'); /*IE*/
}
找到这种变体很难，你知道我在哪里能找到它们吗？
浏览 3提问于2012-03-04得票数 0
回答已采纳
我终于完成了我的第一个CSS支持的站点的工作版本(感谢这个论坛上的一些非常有用的建议)，并验证了CSS。在我出去找(买？)另一台用来检查IE的机器(我是Mac)，到目前为止，我用来检查代码的有效CSS在IE以及Firefox、Safari上是不是真的有效？谢谢，帕特里克。
浏览 1提问于2009-01-06得票数 4
回答已采纳
我有这个：
<li id="row_resource_id">
<label for="row_resource_id">
Ressource
<em>123</em>
</label>
我的目标是隐藏"123“，但我无法找到正确的代码。我尝试过，但没有成功：
#row_resource_id em[value="123"] {display: none !important;}
我认为使用JS是可能的，但我更喜欢使用CSS。
有线
浏览 4提问于2013-11-18得票数 0
回答已采纳
在主题标题上，我正在做一些项目，但是我的CSS在Mozilla中很好，但是在px中的Opera维度是不同的。我试图用百分比维来解决这个问题，但是其他问题出现了。这是某种Opera问题，因为它以其他方式识别CSS代码，因为当它检查一个元素时，它返回完全不同的div的px维度和example.My的边框，以避免为特定的浏览器创建单独的CSS文件，并在检查用户代理之后选择正确的文件?也许有更短的方法来解决这个问题?我需要用Mozilla、Opera、Chrome正确地显示我的网站。
浏览 2提问于2015-11-29得票数 0
回答已采纳
2回答
我有一个html页面，当页面加载时会打开一个弹出窗口。
我需要设置弹出只当页面第一次打开。我认为应该设置会话或cookie。
<script>
!window.jQuery && document.write('<script src="fancybox/jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="fancybox
浏览 29提问于2012-06-21得票数 33
回答已采纳
1回答
如何在浏览器中针对CSS3和HTML5兼容性测试网站？我想到了像这样的精选网站。也许可以使用javascript注入来检查网站与浏览器的兼容性。
浏览 1提问于2014-09-24得票数 0
5回答
我想有一个div的3个背景图像。我知道CSS2和CSS3都能处理2张图片，但他们能处理3张吗？
背景图片纯粹是为了美观起见，所以如果它不能在所有浏览器上工作，那也没问题。我应该使用CSS2还是CSS3来实现这一点，它们的支持范围有多广？
谢谢
浏览 1提问于2011-04-01得票数 0
回答已采纳
1回答
因此，我有一些以容器作为flex的代码，并将justify-content: right;作为CSS中的属性和值，这使得子元素只在firefox中转到容器的右侧，这很奇怪，因为从一些引用(比如CSS-花招或W3school )中，这个值无效或不存在，正确的值是justify-content: flex-end;。如果您从firefox中看到这个问题，您必须注意到文本与右边对齐。那么，为什么justify-content: right;在火狐中工作呢？还是只是个窃听器？
<!DOCTYPE html>
<html>
<head>
<title&
浏览 3提问于2017-11-28得票数 18
回答已采纳
我试图让我的背景图像延伸到整个页面，但到目前为止，我有以下几点：
这是我希望在浏览器窗口上伸展的图片：
我的外部CSS包含以下代码：
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("mybackground.jpg")}
有人能告诉我如何编辑CSS文件来解决我的问题吗？
浏览 5提问于2014-01-18得票数 11
回答已采纳
1回答
导航栏定位交叉兼容性
、、、
我想要一个导航栏位于视口的顶部，与我的内容右对齐。
我使用各种资源找出了这一点，在上放了一个最小的工作示例。
HTML：
<div class="wrapper">
Some text in the wrapper
<div class="nav-container">
<nav class="site-nav">
<a class="link">Link1</a>
<a class=
浏览 0提问于2015-07-16得票数 0
关于这个问题
我一直在为每个浏览器分别编写不同的Css文件。我现在的项目中只有一个通用的jquery文件，它在Firefox中运行良好，我应该为我的chrome和IE也编写一个吗？
浏览 7提问于2011-04-13得票数 2
回答已采纳
我的一个开发团队已经编写了几个CSS文件，它们可以完美地与IE一起工作。然而，当在其他浏览器上渲染时，UI会完全混乱。
有没有工具可以把这些CSS文件转换成跨浏览器版本？不幸的是，这些CSS文件太大了，而且目前团队中缺乏制作跨浏览器CSS并对其进行测试的专业知识。
需要支持所有主流浏览器的最新版本。
浏览 4提问于2012-04-25得票数 3
有没有人能告诉我
*width:auto;
在css中的意思？
例如：
div.ReportingControls dd
{
width:450px;
*width:auto;
}
谢谢
浏览 2提问于2010-07-06得票数 4
回答已采纳
6回答
我知道在这个网站上有几个非常类似的问题，但是在回顾了剧本之后，我相信这个问题本身是独一无二的。如果有人能找到并提供我的问题的确切证据，我会撤回它自己(所以请不要否决这个！)
我是一个Java开发人员，不是一个web开发人员。但是，就像很多家庭一样，有一个人成了指定的家庭“电脑人”，我的Java开发技能被误认为是网络开发技能，我不知怎么被骗到为我的父母建立一个网站来帮助他们卖掉房子。
所以，就像任何网页开发新手一样，我自己写了HTML/CSS (手工编写，像DW或表达式之类的sans编辑器，等等)。并在FireFox 3.x上进行了测试。一切看起来都很好，我们部署了/启动了。
现在，我们收到了来
浏览 10提问于2011-11-26得票数 2
回答已采纳
有没有什么转换器(类似于Babel将ES6转换为较旧的ES版本)可以将CSS3 (例如网格、属性选择器)转换为较旧版本的CSS，这样就不会牺牲开发效率来换取浏览器的兼容性？
浏览 10提问于2020-08-24得票数 2
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
2回答
我已经创建了一个div，里面有一些css应用(通过css文件)。现在，我想要打印整个页面中的特定div。我面临的问题是，所有的css类都在打印对话框中应用，但不应用背景色。
下面是我的打印按钮代码块，它打开一个默认的打印对话框：
$("#btnPrint").click(function () {
var contents = $("#Call").html();
var frame1 = $('<iframe />');
frame1[0].name = "frame1";
frame
浏览 1提问于2016-11-17得票数 1
今天，我注意到了Chrome下载页面()上的悬停效果图标。是非常酷的。我注意到使用css3组合js来实现此效果，如以下代码所示：
function maskImg() {
var requestAnimationFrame = window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame,
startTime = window.mozAnimationStartTime || Date.now();
var MAX = 138, img = th
浏览 1提问于2013-06-06得票数 0
2回答
HTML文档类型能保证正式的解析吗？
例如，如果我使用一个特定的doctype，然后生成非常糟糕的HTML，这是否会迫使浏览器恢复到Quirks模式或保证解析到doctype？
编辑:这也包括CSS行为。
浏览 1提问于2011-05-26得票数 2
回答已采纳
1回答
CSS子网“无效属性值”
、、、
我有以下django模板：
/*The body and the header are being positioned using CSS Grid:*/
body {
display: grid;
grid-template-columns: 1fr 4fr 1fr 1fr;
grid-template-rows: 150px 1fr 50px;
min-height: 100vh;
font-size: 18pt;
font-family: 'Cormorant Garamond', serif !important;
font-weig
浏览 12提问于2022-11-03得票数 0
回答已采纳
2回答
角度材质的浏览器支持
、、、、
我想在我的下一个项目中使用角度材质。
我没有找到任何关于它支持哪些浏览器的文档。有谁知道它内部是如何工作的，以及会发生什么？
据我所知，flex css属性，比如IE<10不支持，你知道Angular material有没有后备设计，不用flex css就可以使用？
浏览 1提问于2015-12-03得票数 10
回答已采纳
我是网络开发的新手。我想知道我是否真的应该为不同的浏览器编写不同的CSS代码。如果应该的话，有什么关于在不同浏览器中编写和测试我的网站的提示吗？另外，我应该为哪些浏览器编写不同的CSS代码？谢谢!
浏览 2提问于2022-05-27得票数 -1
我希望在一个网站上做一些动画，并希望使用SVG图形。
我听说Raphael是一个帮助渲染图形的很好的库，但我想在我的公司说明为什么我们应该使用它来代替传统的SVG，或者仅仅使用CSS3动画来操作。从这个、这个和中，我收集了一些关于为什么我们应该使用Raphael库而不是传统的SVG或CSS3动画的一些信息：
CSS3：
传统上用于sprite/png动画，在缩放过程中会导致质量损失。
传统的SVG：
无法操作现有的HTML元素
可以用CSS3中的时序函数不可能的线条动画绘制物体
可以在绘制对象之后与其进行交互
SVG元素可以触发事件，并可以用SVG编写脚本。
可
浏览 2提问于2015-06-01得票数 3
2回答
对于这两种情况，最好使用CSS或图像：
1)在我的主页上需要一个渐变的紫色一样的阴影(颜色从深紫色褪色到浅紫色)
2)我的网站上的所有菜单都有一个箭头"More“，当打开时，它会变成"Less”
目前，我的设计团队已经使主页作为CSS和箭头作为图像。但是我看不出一个比另一个有什么优点或缺点，或者使用什么是最佳实践？
浏览 3提问于2010-11-30得票数 0
<!--[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
回答已采纳
我注意到在某些情况下用JavaScript编写跨浏览器兼容的代码可能有点困难。使用jQuery能保证我的JavaScript代码在所有浏览器上都能工作吗？
浏览 0提问于2011-06-17得票数 6
回答已采纳
1回答
我已经写了一个javascript函数，它将创建一个弹出窗口，每当我点击按钮时，我都会从我的code.But调用该函数，即切换到ie7兼容模式，我看到我的弹出窗口在按钮后面。
下面是我的java脚本：
(function(){
jQuery.fn.popbox = function(options){
var settings = jQuery.extend({
selector : this.selector,
open : '.open',
box : '.box',
close :
浏览 2提问于2012-10-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
