似乎无法让jquery.dropshadow.js在正确的选择器上工作？

Question

似乎无法让jquery.dropshadow.js在正确的选择器上工作。我试图选择id，但我无法让它工作。我也试过这门课（见下文）。

HEAD

<script src="scripts/jquery.dropshadow.js" type="text/javascript"></script>
<script type="text/javascript">
    window.onload = function () {
        $("#tacoFTB").dropShadow({ left: 8, top: 10, opacity: 0.8, blur: 4 });
    }
</script>

HTML

<form id="form1" runat="server">
<div class="backgroundBox">
    <table id="tacoBox" cellpadding="0" cellspacing="0" width="520" border="0">
        <tr>
            <td><img src="images/spacer.png" alt="" class="tacoTableColumnSpacer"/></td>
            <td class="tacoBoxMagicFTB" id="tacoFTB"><img src="images/spacer.png" alt="" height="55" width="1"/><img src="images/tb_feedthebeat.png" alt=""/><script type="text/javascript">getLikesFTB('113078108881');</script></td>
            <td><img src="images/spacer.png" alt="" class="tacoTableColumnSpacer"/></td>
        </tr>
    </table>

CSS

.tacoBoxMagicFTB
{
    background-color: White;
    border:1px solid #b695cb;
    width:100%;
    position: relative;
}

.tacoBoxMagicFTB img
{
    vertical-align: middle;
    padding-left: 10px;
}

任何帮助将不胜感激。

Answer 1

你不再需要jQuery来应用阴影，CSS可以完美地处理它。

#tacoFTB
{
   -moz-box-shadow: 10px 10px 5px #888;
   -webkit-box-shadow: 10px 10px 5px #888;
   box-shadow: 10px 10px 5px #888;
}

此外，您的表格似乎没有显示表格数据，您是否将其用作布局工具？