我有一个网站,我已经在所有其他主流浏览器中测试过,效果很好。我的问题出在 WebKit 浏览器(Safari 5.1.4 和 Chrome 21)上,我绝对定位的文本有时会起作用。如果我刷新 10 次,它可能会正确定位两次。有趣的是,如果我放大浏览器,格式就会固定。
网站是:http ://survey-snap.com/ssContact/ 元素是蓝色部分的要点。
CSS:
.bulletpoints {
padding-top: 30px;
font-size: 1.11em;
}
.bulletpoints li {
height: 56px;
position: relative;
padding-bottom: 17px;
}
.bulletpoints img {
float: left;
padding-right: 5px;
}
.bulletpoints span {
position: absolute;
top: 5px;
width: 250px;
}
.bulletpoints p {
margin-top: 10px;
padding-left: 61px;
}