猿问

IE7不理解显示：内联块

IE7不理解显示：内联块

有人能帮我把头挪开吗？火狐运行良好，但与InternetExplorer 7不同。似乎不明白display: inline-block;.

HTML：

<div class="frame-header">
    <h2>...</h2></div>

CSS：

.frame-header {
    height:25px;
    display:inline-block;   }


婷婷同学_
浏览 422回答 3
3回答

慕姐8265434

更新由于不再使用IE6和IE7，我将提出一个不同的解决方案：你不需要黑客了，因为IE8支持它自己对于那些必须在IE8之前支持石器时代浏览器的人来说(并不是IE8也那么旧)咳嗽):对于IE版本控制，请在<html>标签式保罗·爱尔兰各国他的文章<!--[if&nbsp;IE&nbsp;7]><html&nbsp;class="no-js&nbsp;lt-ie9&nbsp;lt-ie8"><![endif]--><!--[if&nbsp;IE&nbsp;8]><html&nbsp;class="no-js&nbsp;lt-ie9"> <![endif]--><!--[if&nbsp;gt&nbsp;IE&nbsp;8]><!--><html&nbsp;class="no-js"><!--<![endif]-->这样，对于不同的IE浏览器，html-tag中将有不同的类。您需要的CSS如下所示.inline-block&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline-block;}.lt-ie8&nbsp;.inline-block&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline; &nbsp;&nbsp;&nbsp;&nbsp;zoom:&nbsp;1;}这将验证，您不需要额外的CSS文件旧答案.frame-header{ &nbsp;&nbsp;&nbsp;&nbsp;background:url(images/tab-green.png)&nbsp;repeat-x&nbsp;left&nbsp;top; &nbsp;&nbsp;&nbsp;&nbsp;height:25px; &nbsp;&nbsp;&nbsp;&nbsp;display:-moz-inline-box;&nbsp;&nbsp;&nbsp;&nbsp;/*&nbsp;FF2&nbsp;*/ &nbsp;&nbsp;&nbsp;&nbsp;display:inline-block;&nbsp;&nbsp;&nbsp;/*&nbsp;will&nbsp;also&nbsp;trigger&nbsp;hasLayout&nbsp;for&nbsp;IE6+7*/}/*&nbsp;Hack&nbsp;for&nbsp;IE6&nbsp;*/*&nbsp;html&nbsp;.frame-header&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline;&nbsp;/*&nbsp;Elements&nbsp;with&nbsp;hasLayout&nbsp;and&nbsp;display:inline&nbsp;behave&nbsp;like&nbsp;inline-block&nbsp;*/}/*&nbsp;Hack&nbsp;for&nbsp;IE7&nbsp;*/*&nbsp;+&nbsp;html&nbsp;.frame-header&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline;&nbsp;/*&nbsp;Elements&nbsp;with&nbsp;hasLayout&nbsp;and&nbsp;display:inline&nbsp;behave&nbsp;like&nbsp;inline-block&nbsp;*/}
0
随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS
为什么字体颜色在Eclipse上没有变化 2 回答
我要回答