Question

我有一个我正在处理的网站，我需要桌子的背景不透明。

  <li>
            <div> some code </div>

    <div style="height:110px;" class="tableOwner">
        <img style="margin-top:30px;float:left;" src="/newimg/ClickShare.png"></img>

        <table border="0" class="tableShare" style="background-color:white !important;">
            <tbody style="background-color:white">
            <tr>
                <td><span class='st_sharethis' displayText='ShareThis' style="float:left;"></span></td> 
                <td><span class='st_facebook' displayText='Facebook' style="float:left;"></span></td>
            </tr>
            <tr>
                <td><span class='st_twitter' displayText='Tweet' style="float:left;"></span></td>
                <td><span class='st_blogger' displayText='Blogger' style="float:left;"></span></td>
            </tr>
            <tr>
                <td><span class='st_googleplus' displayText='Google +' style="float:left;"></span></td>
                <td><span class='st_linkedin' displayText='LinkedIn' style="float:left;"></span></td>
            </tr>
            <tr>
                <td><span class='st_pinterest' displayText='Pinterest' style="float:left;"></span></td>
                <td><span class='st_email' displayText='Email' style="float:left;"></span></td>
            </tr>
            </tbody>
        </table>

    </div>
</li>

不幸的是，无论我做什么，我是否使桌子，tbody或td都有背景颜色：白色......背景总是显示为透明。 span中的类告诉浏览器在哪里获取PNG图像，但除此之外，表的背景应该是白色且不透明。

帮助！

Answer 1

我在萤火虫中试过这个，它对我有用。

将此css应用于表

.tableShare
{
position:relative;
}

Answer 2

你的桌子没有内容;它使桌子没有大小;看：fiddle

//you content on <td> or <span>

...<td><span class='st_sharethis' displayText='ShareThis' style="float:left;"> your content here </span></td>..

有人能告诉我为什么我的桌子透明吗？

2 个答案: