IE7不理解显示：内联块
IE7不理解显示：内联块
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 IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]--><!--[if IE 8]><html class="no-js lt-ie9"> <![endif]--><!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->这样，对于不同的IE浏览器，html-tag中将有不同的类。您需要的CSS如下所示.inline-block { display: inline-block;}.lt-ie8 .inline-block { display: inline; zoom: 1;}这将验证，您不需要额外的CSS文件旧答案.frame-header{ background:url(images/tab-green.png) repeat-x left top; height:25px; display:-moz-inline-box; /* FF2 */ display:inline-block; /* will also trigger hasLayout for IE6+7*/}/* Hack for IE6 */* html .frame-header { display: inline; /* Elements with hasLayout and display:inline behave like inline-block */}/* Hack for IE7 */* + html .frame-header { display: inline; /* Elements with hasLayout and display:inline behave like inline-block */}
随时随地看视频慕课网APP
Html/CSS