0

我正在尝试在我的博客标题中添加一个 div，其中包含一个 bg 图像和一个链接。我在 Chrome 中看起来正确，但在 Safari 和 Firefox 中看起来不正确。我怀疑这不是 AP div 本身，而是导致这种转变的其他元素，虽然我不知道是什么，我正在使用重置。

这是屏幕截图的链接，向您展示了我在说什么：

http://imgur.com/a/hP8dM

这是该网站的链接：

http://www.artyst-tyrant.com/blog

这是我正在使用的CSS：

#trex-blog {
margin-left: 435px;
position: absolute;
top: 50px;
z-index: 50000;

}

#trex-blog a, #trex-blog a:visited, #trex-blog a:hover {
background: url(../img/blog-trex.png) no-repeat scroll 0 0 transparent;
display: block;
height: 121px;
width: 356px;
font-size: 0;
line-height: 0;
overflow: hidden;    
text-indent: -9999px;
}

这是html

<div id="trex-blog"><a href="http://www.artyst-tyrant.com" title="Artyst Tyrant - Victor Beazzo Designer for Hire">Artyst Tyrant - Victor Beazzo Designer for Hire</a></div>

正在尝试学习编码的行业设计师，但我绝不是专业人士，所以请放轻松。

提前感谢您的帮助，非常感谢。

4

1 回答 1

0

Win7 上的 Chrome v18 将图像呈现在与我的其他浏览器相同的位置 - 也许您仅在 chrome 上浏览缓存版本？

对绝对定位元素的唯一警告是，如果它们被包裹在一个相对定位的元素中——那么绝对位置是相对于父元素的——http: //css-tricks.com/absolute-positioning-inside-relative-positioning/

我查看了您的源代码，并没有注意到父元素上的任何位置相关属性。

我将 css top 属性值调整为 20px，并在所有当前浏览器中为我对齐。

于 2012-05-09T19:35:45.127 回答