'top'属性中的Safari / WebKit百分比值?

时间:2013-07-02 00:54:05

标签: css safari

我想在具有百分比值的列表项中相对定位锚点。

我尝试使用此设计执行此操作:http://bit.ly/1awA1Hh

它目前适用于FF,Chrome和IE,但不适用于 Safari / WebKit

我已经包含了一些我想要完成的事情。它似乎与WebKit一起使用,所以我在网站上遗漏了一些东西。

对我来说,网站上的任何父元素都会干扰定位......

有人介意快速看一下吗?

网站:http://bit.ly/1awA1Hh 小提琴:http://jsfiddle.net/y7Juf/1/

HTML:

<ul>
    <li>
       <a href="">Hello, World!</a>
    </li>
    <li>
        <a href="">Hello, World!</a>
    </li>
    <li>
      <a href="">Hello, World!</a>
    </li>
</ul>

CSS:

ul li a {
  position: relative;
  top: 60%;
}

ul li {
  width: 200px;
  height: 100%;
  border-right: 1px solid #CCC;
  float: left;
  text-align: center;
}

ul {
  height: 20%;
  list-style-type: none;
}

html, body {
  height: 100%;
}

0 个答案:

没有答案