Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么这段代码在IE7中不起作用?_Html_Css_Internet Explorer 7 - Fatal编程技术网

Html 为什么这段代码在IE7中不起作用?

Html 为什么这段代码在IE7中不起作用?,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,代码: 演示: 这在大多数现代浏览器Safari、Chrome、Firefox、IE8/9中都有效,但在IE7中不起作用:有什么好处?我基本上想让内容决定容器的大小,我想让标题阻止显示并占据容器的填充宽度 因此,如果您注意到,左侧的框中有内容,绿色框会拉伸以容纳内容。。。有道理吗 我正在做文本缩进,因为绿色框中有文本,并且正在被背景图像精灵替换。。。因此该部分需要保留。尝试使用position:absolute设置标题样式,因为它将是背景图像,所以可以在文本中添加z-index:999。去掉

代码:

演示:

这在大多数现代浏览器Safari、Chrome、Firefox、IE8/9中都有效,但在IE7中不起作用:有什么好处?我基本上想让内容决定容器的大小,我想让标题阻止显示并占据容器的填充宽度

因此,如果您注意到,左侧的框中有内容,绿色框会拉伸以容纳内容。。。有道理吗


我正在做文本缩进,因为绿色框中有文本,并且正在被背景图像精灵替换。。。因此该部分需要保留。

尝试使用position:absolute设置标题样式,因为它将是背景图像,所以可以在文本中添加z-index:999。

去掉标题样式中的高度声明。如果要更改框的高度,请更改“字体大小”属性。

在旧IE版本中有些功能不起作用。这就是为什么这段代码在IE7中不起作用。您应该处理它并更改代码中的某些内容。您希望它如何工作?在我的机器上,您提到的浏览器之间存在差异。在最右边的div中,有一个带有IE8的绿色小条,一个带有Chromium 16的大条,而Firefox 10则没有。它应该显示什么?左边的框有内容。。。在除IE7之外的所有浏览器中,绿色条都会延伸以适应不同的环境。它们通常都以相同的方式工作。忽略正确的框:我只是想证明一个事实,绿色框并没有一直延伸。