0
我有一些跨瀏覽器定位問題。我有一個簡短的生物元素,我想讓.bio_name元素遍歷圖像。使用下面的樣式,我已經在所有流行的瀏覽器(Adobe的Browserlab中使用的瀏覽器)中工作,除了Safari 4.0和IE 7(在IE 8中它工作得很好)。從Safari 3到Safari 4/IE 7 t0 IE 8有什麼變化?圖像文本對齊,跨瀏覽器兼容性問題
我有這樣的結構:
<div id="some_id" class="bio">
<h3>
<img src="http://www.hello.com/some.jpg" alt="blah" />
<a name="person"></a>
</h3>
<div class="bio_info">
<h3 class="bio_name">First Last</h3>
blah
<div class="add_bio">blah more</div>
</div>
<span class="add_bio_toggle">more</span>
</div>
,它的風格是這樣的:
.bio{
position: relative;
min-height: 175px;
}
.bio img{
float: left;
margin-right: 10px;
width: 160px;
height: 143px;
vertical-align:text-top;
margin-top:10px; align:left;
}
.bio_info{
margin-top: -40px;
}
.bio_info h3{
line-height: -1px;
margin-top: 7px;
}
.add_bio_toggle{
display: block;
cursor: pointer;
color: blue;
}