Question

我使用的是WordPress主题，但是当我添加sharethis按钮时，它们是半可见的。我已经尝试过一切，但无法找到确切的问题。

请查看页面顶部。

Answer 1

.stButton .stButton_gradient {height: 16px}

这个css导致元素仅占其高度的一半。那css是由sharethishis本身生成的。

您可以添加此css以覆盖。

.stButton .stButton_gradient, .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height: 22px !important}

由于

Answer 2

这是修复更新容器的高度如下：


    .stButton .stButton_gradient
    {
        height:26px;
    }

    .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices
    {

        height:26px;
    }

此修复程序将解决问题

Answer 3

首先，请在您的网站上指定ShareThis发布商密钥（如需帮助，请联系support@sharethis.com）。

其次，为了回答你的问题，button.css文件包含以下代码（第139行）：

.stButton .stButton_gradient {
    background-repeat: repeat-x;
    border: 1px solid #bfbfbf;
    padding: 2px;
    font-family: serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    height:  21px;
    background: #d5d5d5;
    background: -moz-linear-gradient(top, #d5d5d5 0, #efefef 48%, #fff 94%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(48%, #efefef), color-stop(94%, #fff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#ffffff', GradientType=0);
}

首先删除该行：

height:  21px;

因为它会给你带来麻烦。

请第三步删除该行：

height: 16px;

来自（第737行）：

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
    background-image: url(/images/facebook_counter.png);
    background-repeat: no-repeat;
    display: inline-block;
    white-space: nowrap;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    height: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 16px;
    width: auto;
    position: relative;
}

因为这也造成了问题。

希望这可以解决您的问题。

DIV，SPAN元素半可见

3 个答案: