2011年02月Archive for

在使用facebook的visible-to-connection时，如何隐藏空白

在使用facebook的visible-to-connection是，因为使用的是visibility:hidden而不是display:none，所以使用有大片的空白出现（facebook真是弱X）。

<fb:fbml version="1.1">
    <fb:visible -to-connection>
            [form code]
    <fb:else>
             <img src="image_location.jpg" id="not-a-fan" />
    </fb:else>
    </fb:visible>
</fb:fbml>

如果使用上面的代码，会发现jpg上面有大量的空白，那是form的位置，怎么隐藏form呢？答案是使用绝对定位。

<style type="text/css">
    #wrapper {
        position: relative;
    }
    #not-a-fan {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
</style>
<div id="wrapper">
<fb:fbml version="1.1">
    <fb:visible -to-connection>
            [form code]
    <fb:else>
             <img src="image_location.jpg" id="not-a-fan" />
    </fb:else>
    </fb:visible>
</fb:fbml>
</div>

这下就巧妙的去除留白了。

阅读全文 >>