在Firefox上设置“分页后”样式有效，但在Chrome和Internet Explorer中都不起作用
的原因是不同浏览器对CSS样式的解析和渲染方式不同。
在CSS中，可以使用@media规则来定义不同的样式规则适用于不同的媒体类型或设备。其中，分页后样式可以通过@media print规则来定义，使其只在打印时生效。
然而，不同浏览器对@media print规则的解析和渲染方式存在差异。Firefox对@media print规则的支持较好，可以正确解析和应用这些样式规则，因此在Firefox上设置的“分页后”样式可以生效。
而Chrome和Internet Explorer等浏览器对@media print规则的支持较弱，可能无法正确解析和应用这些样式规则，导致在这些浏览器中设置的“分页后”样式不起作用。
为了解决这个问题，可以尝试以下方法：
- 使用其他的CSS选择器：尝试使用其他的CSS选择器来选择需要设置“分页后”样式的元素，以适应不同浏览器的解析方式。
- 使用JavaScript：通过JavaScript来检测浏览器类型，并根据不同浏览器类型动态添加相应的样式规则，以实现在不同浏览器上的一致效果。
- 使用浏览器特定的样式前缀：有些浏览器对某些CSS属性需要添加特定的前缀才能生效，可以尝试添加相应的浏览器前缀来解决兼容性问题。
总结起来，不同浏览器对CSS样式的解析和渲染方式存在差异，导致在Firefox上设置的“分页后”样式在Chrome和Internet Explorer中不起作用。为了解决这个问题，可以尝试使用其他的CSS选择器、JavaScript或添加浏览器特定的样式前缀来实现在不同浏览器上的一致效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
实现谷歌自定义搜索引擎的搜索功能。该功能在FF和chrome中运行良好，但在Internet Explorer中不起作用。在internet explorer中，搜索结果不会出现。它在任何类型的IE中都不起作用。
这是否与html中的Doctype声明有关？
浏览 0提问于2015-04-22得票数 0
https://login:password1@sharepoint.server.com/
它在Chrome和Firefox中工作，但在IE中不起作用。怎么才能解决？
它在中工作：
https:// sharepoint.server.com/
当它加载，我只是得到一个窗口，我需要输入登录和密码。
它在Internet中不工作(它应该自动登录。此解决方案适用于除Internet Explorer以外的任何地方)：
https://login:password1@sharepoint.server.com/
浏览 2提问于2015-08-25得票数 3
回答已采纳
为什么Spring Roo中的斑马条纹在FireFox、Chrome和Opera中都有效，但在in 9中却失败了？
举任何一个例子。我去了宠物诊所和披萨店。填写任意数据以显示列表。请注意，Internet Explorer 9中的列表全部显示为灰色。
我追踪到了standard.css和
表tr:第n个子(奇数)表tr:第n个子(偶数)
无法重写
表{背景：... }
浏览 1提问于2011-11-05得票数 3
回答已采纳
我正在尝试在所有浏览器中测试html文件。有没有办法使用命令行在Is、火狐、Chrome等浏览器中打开一个目录中的所有.html文件，每个文件在每个浏览器中都有自己的标签，以确保html文件在所有互联网浏览器上都能正常工作？
下面的代码将打开所有的html文件，但每个文件都在每个浏览器的新窗口中。我正在尝试将所有文件合并到一个浏览器窗口中。
@echo off
setlocal
pushd "C:\pathtohtmlfiles"
for %%a in (*.htm *.html) do (
start "Internet Explorer" "C
浏览 1提问于2014-01-16得票数 0
我有一个SVG的问题，但只在Safari中！
我有一个攀岩健身房的“地图”，用户可以选择一条线/扇区来查看那里的所有路线。在Chrome、Firefox甚至Internet Explorer^^中，一切都运行正常
你可以在这里看到它的作用：只需点击按钮：“”或将语言更改为英语并单击“地图-概述”！
svg元素总是有一行“扇区”或class=“行”，然后是我的jquery，它监听点击！
$('.linie, .sektor').click(function (){
table.search($(this).data("sektor")).
浏览 4提问于2016-11-23得票数 0
我正在使用video.js在网站上播放视频。
在Firefox、Chrome、Safari中都能正常工作，但在Internet Explorer中就不行了。我只在屏幕上看到一个黑色的矩形，没有海报图像，没有视频控件，也没有视频。
我提供了三种不同格式的视频: mp4，webm和ogv
你可以在这里看到-
请任何人可以帮助得到海报图像显示，并获得视频控件显示和视频播放的IE？
浏览 0提问于2013-01-25得票数 1
回答已采纳
我正在尝试在所有浏览器中测试html文件。有没有办法使用命令行在Is、火狐、Chrome等浏览器中打开一个目录中的所有.html文件，每个文件在每个浏览器中都有自己的标签，以确保html文件在所有互联网浏览器上都能正常工作？
下面的代码将打开所有的html文件，但每个文件都在每个浏览器的新窗口中。我正在尝试将所有文件合并到一个浏览器窗口中。
@ECHO OFF
SETLOCAL
PUSHD "C:\pathtohtmlfiles"
FOR %%a IN (*.htm *.html) DO (
REM START "Internet Explorer"
浏览 0提问于2014-01-16得票数 0
我用bootstrap 3开发了一个网站。
页面在Chrome和Firefox中显示正常，但在Internet Explorer 8中显示不正确。
是否必须包含任何css或js文件？
浏览 1提问于2013-11-12得票数 0
我们已经成功地在Chrome和Firefox上使用了Selenium测试，现在我们也想开始在装有Internet Explorer的Windows 10虚拟机上进行测试。到目前为止，测试开始了，Internet Explorer打开并转到我们要测试的页面。但是与页面的任何交互都无法通过测试，它找不到任何元素。错误通常是‘元素不能被xpath找到’。同样的测试在同一台机器上的Chrome和Firefox上运行得很好。
浏览 4提问于2017-04-18得票数 0
场景：I有一个表Browsers，每次打开浏览器时都会填充表Browsers和关联日期：
BrowserName Date
-------------------------------------
Firefox? 8/20/2017
Firefox 8/20/2017
Google Chrome 8/20/2017
Google Chrome 8/20/2017
Google Chrome 8/20/2017
浏览 1提问于2018-03-15得票数 0
回答已采纳
1回答
我有一个表browsers_list，其中包含以下数据。
name
--------------
Internet Explorer 8.0
Internet Explorer 9.0
Internet Explorer 10.0
Internet Explorer 11.0
Firefox 9.0.1
Firefox 6.0.2
Firefox 3.6.27
Safari 533.1
Safari 534.48.3
Safari 534.54.16
Opera 9.80
Chrome x.x.x
Chrome x.x.x
Chrome x.x.x
我需要对此列表进行分组，以便获得以下输出。
浏览 1提问于2013-03-20得票数 0
回答已采纳
我们如何将CSS样式表(style.css)添加到XSL文件中，以便它在Internet Explorer中工作？
<head>
<title><xsl:value-of select="bom/header/title"/></title>
<link rel="stylesheet" type="text/css" href="/BOM-Download-portlet/css/styles.css" title="Style"/>
&
浏览 0提问于2011-10-20得票数 0
回答已采纳
我正在尝试用CSS设置<main>元素的宽度。只是在使用
main {
width:200px;
}
在除Internet Explorer之外的所有浏览器中都可以正常工作(Edge可以工作)。
看一下这个例子：
IE11中的结果：
Chrome中的结果：
浏览 2提问于2016-03-06得票数 15
回答已采纳
1回答
所以我面临的问题是在internet explorer中。我正在尝试从tableau中获取数据，并将其下载为excel文件。数据集非常庞大，几乎有4MB。使用xlxs填充库，在其他浏览器如chrome和firefox中都能正常工作，但在IE中，页面在几秒钟内崩溃，下载不会发生。
因此，我尝试添加一个带有await的异步函数，以便从tableau中获取数据。因此，它会等待它，页面不会崩溃。
我现在面临的问题是Internet Explorer显示如下错误:它显示Expected ';'
我的异步函数是:它在我的异步函数中显示Expected ';'。
asyn
浏览 16提问于2019-03-26得票数 0
2回答
仅为修改CSS文件
、、、、
我正在寻找一种方法来修改我的style.css文件，使其只针对Internet浏览器(因此不会影响我的Chrome &Firefox样式)。
示例
我希望Chrome和Firefox的样式如下：
.header .currency {margin: **-28px** 0px 0px 0px;}
我想要IE的以下样式：
.header .currency {margin: **-30px** 0px 0px 0px;}
备注
文章存在的CSS修改的HTML文件，这不是我要找的。因此，如果没有链接到.CSS文件，请不要提供响应。
浏览 1提问于2017-11-11得票数 1
2回答
在我的Gulpfile.js In serve任务中，browser: ['Google Chrome','Internet Explorer']选项不起作用；它只打开google chrome，而不是internet explorer。我是不是用错了那个选项？
浏览 0提问于2017-03-14得票数 1
我有跨浏览器的addEvent侦听器代码，我需要传递事件对象，这在Chrome中工作，但在Ie中不起作用。那么我该怎么做呢？
function addEvent(element, eventName, eventFunction) {
if(element.attachEvent) //Internet Explorer
element.attachEvent("on" + eventName, function (e) {eventFunction.call(element);});
else if(element.
浏览 0提问于2013-12-28得票数 0
在Internet Explorer中，某些元素不起作用:聊天、联系人、教程、调查。这些元素适用于Firefox和Chrome。是这个网站。我在页脚有这段代码。我不明白为什么这会导致Internet Explorer中的某些元素无法加载。
{if $is_ie_browser}
<!--[if lt IE 9]><link rel="stylesheet" href="{$smarty.const.DOMAIN}/css/ie.css" type="text/css" /><![endif]-->
<!-
浏览 0提问于2013-08-02得票数 1
所以我已经生成了这个表，每个单元格都被赋予了一个唯一的id，它是r#c#，其中#是行/列。我得到了下面的代码，它从鼠标悬停时的单元格ID中提取行号和列号，它在firefox和chrome中运行良好，但在internet explorer中不起作用。
var cell_id = $(this).attr("id");
var matches = /[a-z]+(\d+)[a-z]+(\d+)/(cell_id);
var row = matches[1];
var col = matches[2];
为什么这在资源管理器中不起作用？
浏览 2提问于2010-06-21得票数 1
回答已采纳
我有一个脚本，它与以下内容一起工作：
...
webdriver.Capabilities.phantomjs();
webdriver.Capabilities.chrome();
webdriver.Capabilities.firefox();
webdriver.Capabilities.safari();
...
但在我尝试过的任何Internet Explorer连接上都失败了。正确的语法是什么？
浏览 0提问于2013-11-14得票数 1
Internet Explorer 10上没有呈现Glyphicons。它们在Chrome和Firefox以及Internet Explorer 11上都可以正确呈现。
图标在本地提供时会呈现，但在远程服务器上不会呈现(我不确定通过HTTPS提供的图标是否会有所不同)。
基于其他相关问题，这是我尝试过的，但不起作用：
1)控制台未显示任何错误，表明存在问题。
2)下载字体时没有404。
3)在响应中正确设置了报头和mimetype。
4)我已经尝试用新下载的bootstrap字体替换字体。
5) Internet Explorer 10安全策略设置为允许下载web字体。
看起来没有任何问题，但
浏览 1提问于2015-02-25得票数 7
3回答
标题基本上就说明了一切。我有3个选择标签，我想使它可操作，如果任何选择是填充的。
如果填充了one，则可以继续进行。
如果填充了两个，则可以继续进行。
如果填充了三，则可以继续进行。
如果none已被填充，则无法继续。
现在，它只能在所有三个都被填充时才能继续进行，因为我在每个select中添加了"required“属性。我该怎么办？
<table>
<tr>
<td>Option 1</td>
<td>
<select id="first" n
浏览 3提问于2019-11-13得票数 3
回答已采纳
2回答
我正在建立我的第一个复杂的网站。我编写的所有代码在Google Chrome和Mozilla Firefox中看起来都很好，但在Internet Explorer中我的CSS总是有问题。我知道Internet Explorer以此而闻名，但我变得非常不满，我想放弃。我是否应该暂时不担心Internet Explorer，然后再创建一个单独的样式表？最佳实践是什么？
浏览 1提问于2012-01-29得票数 0
回答已采纳
基本上，@font-face在Chrome和Firefox中可以正常工作，但在Internet Explorer中不能正常工作。如果有人可以看看它，www.serialquilting.com，并建议问题可能是什么，那就太好了。
浏览 1提问于2013-12-02得票数 1
然而，这在Firefox和Chrome中出现了，但在Internet Explorer中却没有--我不知道为什么；甚至尝试用谷歌搜索也无济于事。
请帮帮我!不解决这个问题我就不能继续前进！！
浏览 3提问于2011-02-24得票数 0
在internet explorer中如何转义单引号。
'适用于火狐等浏览器，但it浏览器并不喜欢它。
例如
<input type="text" value='Single quotes `'` Here' />
在firefox中工作，但在IE中不起作用
浏览 5提问于2009-07-31得票数 3
回答已采纳
我正在使用JSONP通过AJAX从API收集数据。我已经在firefox和chrome中测试了我的代码，它在这两种浏览器中都能完美地工作。
我使用的链接格式如下：
www.placeholder.com/foo/?jsonp=dataCallback
然而，当我在Internet explorer 11中尝试做完全相同的事情时，我得到一个错误，说：
对象不支持属性或方法“”dataCallback“”
我注意到，在火狐和chrome中，当我执行请求时，窗口将包含一个名为"dataCallback“的对象。然而，在Internet Explorer11中，当我执行请求时，窗口中不会出现&
浏览 0提问于2016-03-16得票数 0
我写了下面这篇非常简单的jQuery文章。它可以在Internet Explorer中工作，但在Chrome或Firefox中都不能工作：
<script>
function showphone(){
$.post('phonedata.php',{
k: document.getElementById('k').value,
s: document.getElementById('s').value
},
function(output){
$('
浏览 0提问于2012-07-16得票数 0
我正在使用一个火箭主题模板，并已使用自定义css文件编辑了一些css代码。
我已经设法让它在Firefox和Chrome上看起来像我想要的样子，但IE看起来很弱。导航太低(按钮)，标题也太低。
网站链接如下所示。
正如你在链接上看到的，菜单栏太低了，而且标题也太低了。
目前，我正在使用css代码编辑.rt-menubar {padding: 0px !important；chrome left:210px；}当我去掉空白处时-left:210px；它修复了我的问题，但之后在chrome和firefox上菜单会移到logo后面。
所以我非常需要保留边距--对于chrome和firefox是21
浏览 0提问于2013-05-09得票数 2
回答已采纳
1回答
将div添加到IE
、、、
此代码在IE中不起作用，有何不可？
$('body').append('<div id="iedialog"><h2 class="dialog-header">Alert!</h2><div class="dialog-container"><center>It looks like you are using Internet Explorer! Please switch to another browser to use all our Designer
浏览 1提问于2013-05-05得票数 0
3回答
我的网站在Internet Explorer9中崩溃，但在Firefox和Chrome中工作正常。主页在IE中加载正常，但任何帖子页面都会崩溃，例如在我的联系人页面上：
我不知道这只是我的Internet Explorer版本，还是我网站上的代码有问题。
有什么想法吗？谢谢。
浏览 0提问于2012-04-28得票数 1
1回答
我试图对datalist隐藏一个选项(我并不是试图隐藏用户输入)。我尝试添加隐藏属性，但它仍然显示在下拉列表中。还显示:无似乎不起作用。我可以使用javascript / jquery。隐藏select选项的工作原理如下： mySelect.find('option[value='+something+']').prop('selected', false).hide() <input list="test">
<datalist id="test">
<o
浏览 34提问于2020-12-20得票数 2
回答已采纳
我正在用Oracle JET框架开发一个应用程序，并使用combobox输入，如Oracle JET Cookbook所示。
如何禁用手动键盘输入？
我试图在输入中添加此命令，但这些命令都没有奏效：
onkeypress="return false;"
onkeydown="return false"
<input id="combobox" list="browsers"
data-bind="ojComponent: {component: 'ojCombobox',
浏览 2提问于2018-08-03得票数 1
回答已采纳
请在IE和Chrome/Firefox中查看此页面：
在Chrome/Firefox中，它的加载速度很快，工作正常，但在Internet Explorer中，它的加载速度很慢，非常迟缓。在页面中，我使用了HTML5和jquery/stepcarousel以及很多图片。整个网站只是一个html页面。
我不明白的是，为什么它在Chrome/Firefox上运行得这么好，而在Internet Explorer上却不行呢？有人能给我指出这一点，或许能帮我找到解决方案？
谢谢。
浏览 0提问于2012-04-13得票数 0
回答已采纳
我最近创建了一个门户网站，似乎internet explorer并不支持页面中的所有新css属性。网页在新的边框、chrome和firefox上看起来很不错。有没有什么办法可以阻止用户在internet explorer中浏览我的网页，只需要输入一条消息(这是我的想法)？ “internet explorer不支持使用chrome、firefox或edge的网页” 非常感谢您的宝贵时间。
浏览 54提问于2021-03-31得票数 0
回答已采纳
6回答
Google Chrome错误地显示Flash视频的z索引。
看看Firefox或Internet Explorer中的。
现在让我们在Chrome中看看它。
页面顶部的大视频应该在其顶部有一个z索引的“预览”图像。在Firefox和Internet Explorer中可以，但在Google Chrome中不能。
这似乎不是的问题，而是一个明确的Chrome bug。
我已经尝试了所有的wmode，(不透明，窗口和透明)，但这不能解决它。我还更改了Flash box的z索引，但它仍然不起作用。
浏览 0提问于2010-11-30得票数 11
回答已采纳
我正在尝试解析一个html网页。它在Chrome上工作正常，但在Internet Explorer10上失败；
这是我的代码：
//the content variable is a string with the html markup
$html = str_get_html($content);
$element = $html->find('div[style="width: 460px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:
浏览 1提问于2013-10-30得票数 0
1回答
我在使用cucumber、capybara和selenium webkit设置对多个浏览器的支持时遇到了问题。无论我在命令行中指定哪种浏览器，测试总是在Firefox中运行。下面是我当前在env.rb文件中使用的代码：
Capybara.register_driver :chrome do |app|
Capybara::Selenium::Driver.new(app, :browser => :chrome)
end
Capybara.register_driver :internet_explorer do |app|
Capybara::Selenium::Driver
浏览 2提问于2014-10-11得票数 0
我有一个异步函数声明，可以在Chrome和Firefox上工作，但在internet explorer中会出现以下错误。
SCRIPT1004:应为';‘
文件: javascriptFile.js，第5行，第7列
这是在文件顶部有这两个函数的简化版本，它仍然在internet explorer上失败。
function sleep (ms) {
return new Promise(function (resolve) { setTimeout(resolve, ms) })
}
async function begging (help) {
await sleep(100
浏览 9提问于2017-08-15得票数 2
回答已采纳
我有这个JS函数：
var TodayDate = new Intl.DateTimeFormat(en-US, { day: 'numeric', month: 'long', year: 'numeric' }).format(Date.now())
输出为：
Chrome : 2020年4月19日
Edge : 2020年4月19日
Firefox = 2020年4月19日
但在IE(Internet Explorer)中根本不能工作，为什么？
浏览 6提问于2020-04-20得票数 0
我正在试着让我的网站与internet explorer兼容。它在chrome，safari和firefox上看起来很棒，但我在IE上大错特错。
有没有办法在不改变或创建另一个css的情况下使它兼容？
浏览 0提问于2013-10-29得票数 0
我注意到这一点：
<meta HTTP-EQUIV="REFRESH" CONTENT="0;URL=javascript:alert(2)">
只适用于chrome，所以我的问题是，我如何在一个元标签中执行JavaScript，而这个meta标签将适用于chrome，firefox和internet explorer？就我的测试而言，它只能在chrome上运行，不能在internet explorer和firefox上运行。
浏览 0提问于2013-10-18得票数 2
我有一个drupal 8网站。我创建了一个子主题并修改了这个子主题的css。我的修改在chrome和firefox中显示和工作得很好，但在internet 11和Edge中却不起作用。例如，这个css代码：
a,
a:hover,
a:active,
a:visited {
color: #f4512c;
}
当我检查给定的元素时，我看到应用了style.css的css属性，但是它们被scaffolding.less覆盖。怎么来的？
当我使用的时候！重要的是它被应用了，但我不想使用它！重要的是.
浏览 0提问于2018-04-27得票数 0
回答已采纳
4回答
我已经从不同的浏览器中获得了一个站点页面视图数组，我正在尝试从该数组中搜索特定浏览器的唯一出现，并总结每个浏览器的总价值。
it粗格式的数据
$data = array(
array("Browser Version", "Pageviews", "Visits"),
array("Firefox 39.0", "93", "47"),
array("Chrome 44.0.2403.125", "88&
浏览 9提问于2015-08-14得票数 0
回答已采纳
1回答
下面是为跨浏览器复制到剪贴板功能而创建的一些代码片段。但问题是我不能自定义复制按钮，因为它是在javascript中创建的。有人能帮上忙吗？
基本上，我需要将此复制到剪贴板按钮添加到代码框
function selectElementContents(el) {
// Copy textarea, pre, div, etc.
if (document.body.createTextRange) {
// Internet Explorer
var textRange = document.body.createTextRange();
浏览 0提问于2021-06-18得票数 0
3回答
我想监听HTML下拉框的<select> -event。除了原生Android浏览器(使用Android 1.6和Android 2.3.3进行了测试)之外，在所有浏览器中都会触发onfocus事件。
我创建了以下代码来演示我的问题：
<html>
<body>
<form>
<select onfocus='$("#info").html("you got the focus!")'>
<option
浏览 4提问于2012-07-02得票数 1
回答已采纳
我想让我网站上的图片适合其包含元素的大小，所以我有这样的设置：
if (userHasMicrositePhoto) {
var width = $('micrositePhotoDiv').getComputedSize().width;
$('micrositePhoto').src = "flash/userImage.ashx?type=micrositePhoto&id=" + userId + "&width=" + width;
}
我的处理程序文件userImage.ashx返回ID
浏览 4提问于2011-10-14得票数 4
回答已采纳
如何自动选择列表中的第一个建议？
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari&
浏览 1提问于2014-10-21得票数 2
代码如下。有一个文件预览按钮，它在chrome和firefox中可以很好地显示，但在IE中不显示。
$ua = htmlentities($_SERVER['HTTP_USER_AGENT'], ENT_QUOTES, 'UTF-8');
if (preg_match('~MSIE|Internet Explorer~i', $ua) || (strpos($ua, Trident/7.0; rv:11.0') !== false)) {
// do stuff for IE
}
else{
if(strtolower($aRow[&#
浏览 7提问于2017-01-18得票数 1
回答已采纳
我正在尝试通过捕获onkeypress事件来限制哪些字符可以输入到文本框中。以下(简化的)代码片段在Google Chrome和Internet Explorer中运行良好，但在Firefox中运行不佳：
function CheckKeyPress(e) {
alert("Check point #1");
var x = e || window.event;
var key = (x.keyCode || x.which);
alert("Check point #2");
// do some stuff here
浏览 2提问于2016-02-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
