- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经成功地使用表格 CSS 创建了一个固定的页脚/页眉。希望使订单元素部分可滚动。在 Chrome 和 Safari 中运行良好,在 Firefox 和 Internet Explorer 中运行失败。
我觉得我正在尝试做的事情在 Firefox 和 IE 中根本不被支持,因为它们以同样的方式失败。
.order-wrapper {
display: table;
height: 100%;
}
如果我在 order-wrapper 类选择器中切换任一属性,我可以在 Chrome 中模拟该行为。
最佳答案
不是解决方案!但这可能会引发某人对解决方案的洞察力。
这是一个独立的 HTML/CSS/javascript,可在 safari/chrome 中使用。我对 firefox/mozilla(IE 未知)也有类似的问题。将窗口拖动到尽可能小的尺寸,然后滚动这两个字段。我想找到 mozilla 和 IE 的修复程序。尝试了“-moz”和“-webkit”CSS 关键字但没有成功。
<!DOCTYPE html>
<html lang="en-US"> <!-- Small window. PASS: chrome/safari. FAIL: Firefox. -->
<head>
<meta charset="utf-8" />
<meta name="keywords" content="scrolling" />
<meta name="description" content="asynchronous character-at-a-time chat" />
<title>scrolling</title>
<script type="text/javascript">
function hDoc(f) { return f.toString().replace(/.*\/\*([^\*]*).\/.*/, '$1'); }
function fillContent(lbl,txt) { document.getElementById(lbl).innerHTML = txt; }
function loadContent() {
labelA = hDoc(function() {/* Shakespeare sonnet CXVI: */});
verseA = hDoc(function() {/* <pre>
Let me not to the marriage of true minds
Admit impediments. Love is not love
Which alters when it alteration finds,
Or bends with the remover to remove:
O, no! it is an ever-fixed mark,
That looks on tempests and is never shaken;
It is the star to every wandering bark,
Whose worth's unknown, although his height be taken.
Love's not Time's fool, though rosy lips and cheeks
Within his bending sickle's compass come;
Love alters not with his brief hours and weeks,
But bears it out even to the edge of doom.
If this be error and upon me proved,
I never writ, nor no man ever loved.
</pre> */});
labelB = hDoc(function() {/* Shakespeare sonnet CX: */});
verseB = hDoc(function() {/* <pre>
Alas! 'tis true, I have gone here and there,
And made my self a motley to the view,
Gored mine own thoughts, sold cheap what is most dear,
Made old offences of affections new;
Most true it is, that I have looked on truth
Askance and strangely; but, by all above,
These blenches gave my heart another youth,
And worse essays proved thee my best of love.
Now all is done, have what shall have no end:
Mine appetite I never more will grind
On newer proof, to try an older friend,
A god in love, to whom I am confined.
Then give me welcome, next my heaven the best,
Even to thy pure and most most loving breast.
</pre> */});
content = [
['labelA', labelA], ['labelB', labelB],
['verseA', verseA], ['verseB', verseB]
];
for (i=0; i<content.length; i+=1) fillContent(content[i][0], content[i][1]);
}
</script>
<style type="text/css">
html, body { height:94%; line-height:60%; }
table { border-collapse:collapse; }
table { position:absolute; top:0; bottom:50%; left:0; right:0; }
table { height:100%; width:100%; }
div { height:100%; width:100%; overflow:auto; }
td { width:100%; padding:1px; vertical-align:top; }
th.headerA { height:8px; background-color:#000; text-align:center; }
th.headerB { height:8px; background-color:#FFF; text-align:center; }
#labelA { background-color:#000; color:#0C0; font-size:8px; }
#labelB { background-color:#FFF; color:#C00; font-size:8px; }
#cellA { background-color:#000; }
#cellB { background-color:#FFF; }
#verseA { color:#FFF; font-size:10px; }
#verseB { color:#000; font-size:10px; }
</style>
</head>
<body onLoad="loadContent()">
<table>
<th class="headerA"><b id="labelA"></b></th>
<tr><td id="cellA"><div id="verseA"></div></td></tr>
<th class="headerB"><b id="labelB"></b></th>
<tr><td id="cellB"><div id="verseB"></div></td></tr>
</table>
</body>
</html>
关于html - Chrome 和 Safari 中的可滚动表格行,在 Firefox 和 Internet Explorer 中失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33776157/
像其他人一样,我需要在 Internet Explorer 6 和 Internet Explorer 7 上测试我的代码。现在,Internet Explorer 8 为开发人员提供了一些很棒的工具
这个问题在这里已经有了答案: 10年前关闭。 Possible Duplicate: Running Internet Explorer 6, Internet Explorer 7, and Int
作为一名开发者,我发现新的 Internet Explorer 版本完全是一场噩梦。我关闭了 Windows 功能,但无法安装 Internet Explorer 10 。它说它已经安装,但事实并非如
我通过Blogger有一个博客-http://www.concertexperiencepeeps.com。每当我尝试通过Internet Explorer查看我的博客时,该页面都会崩溃,并且不允许我
这个问题在这里已经有了答案: 10年前关闭。 Possible Duplicate: Running Internet Explorer 6, Internet Explorer 7, and Int
我正在使用新的Internet Explorer 11开发人员工具将文档模式切换为“8”,但条件注释仍然被忽略,也就是说,它们没有被正确解析并且表现得像普通注释。因此,浏览器不会请求/加载条件注释内的
我在我的一个站点上遇到 Internet Explorer 6 问题,我真的希望我安装它而不是 Internet Explorer 7。有没有一种快速的方法来做到这一点? 最佳答案 下载Microso
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
如何访问 Internet Explorer 运行实例的经典 Internet Explorer COM 自动化对象?也就是说,如果我在多个窗口中打开 Internet Explorer,如何从 Po
string filename = Server.UrlPathEncode(Path.GetFileName(_Filename))); Response.AddHeader("Content-Di
当我尝试使用 Apache 2.2 在 Windows7(64 位)上的 IE9 或 IE10 中打开 localhost 时,解析 URL 需要很长时间。其他浏览器没有问题并立即解析 URL,只有
我有一个批处理文件,必须启动 Internet Explorer 并打开 www.google.com .当整个页面加载完成时,它应该终止 IE 进程,即关闭该系统中的所有 IE 实例。我的批处理文件
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 6 个月前关闭。 Improve t
基本上,无论我使用 IE 访问哪个网站,我都可以看到那些黑色/白色形状,一旦我将鼠标移到它们上,它们就会消失。 想知道是否有人知道可能导致这种情况的原因? 另外:http://imageshack.c
我检查了所有注册表,但找不到所有已安装扩展的列表。 此时,IE 扩展/加载项的任何一般位置都会有所帮助。 最佳答案 取自 here : 浏览器帮助对象 - 旨在增强浏览器功能的浏览器插件。 条目可以在
我在Internet Explorer 8的LAN设置中使用了2个不同的自动配置脚本地址。在工作过程中,我需要经常在它们之间进行切换。每次我必须手动进行。 有没有一种方法可以通过脚本等自动执行操作,以
这是一个两部分的问题。我正在构建一个网页,我需要知道: 有没有办法检测 IE 是否启用了平滑滚动(如果是,如何)? 有没有办法强制 IE 关闭我网页的平滑滚动功能? 明确地说,我不是在问如何关闭整个计
我想强制 IE10 在 IE9 模式下从我的 Intranet 呈现某些站点。 我曾尝试使用本地兼容性列表但无济于事(%LocalAppData%\Microsoft\Internet Explore
我在使用 IE8 时遇到问题,其中带有查询字符串的 URL 在下载时被破坏。 特别是,像这样的 URL http://domain.com/software/Software%202.1%20Beta
我有一个非常基本的页面,其中包括 元素。当我提交带有选定文件的表单时,服务器会响应一个在 Excel 中打开的电子表格(“新窗口”)。这种行为意味着初始屏幕和输入元素在 IE 中仍然可见。如果我更改所
我是一名优秀的程序员,十分优秀!