WhatsApp分享按钮的博客

我有一个WhatsApp分享按钮，但我面临着一些问题。分享功能运作良好，但问题是，当页面加载（或离开页面）时，按钮的背景颜色会在整个页面上显示一段很短的时间，看起来很丑。有人能帮我解决吗？我应该在这段代码中改变什么，以便在加载页面时显示原始主题颜色，而不是此WhatsApp按钮的颜色？提前致谢。WhatsApp分享按钮的博客

<style> 
body{background-color:#49C34F} 
.mct_whatsapp_btn { 
    background: #11A518; 
    color: white; 
    font-size: 16px; 
    padding: 6px 9px 6px 28px; 
    border-radius: 2px; 
    position: relative; 
    transition: ease-in all 0.3s; 
    moz-transition: ease-in all 0.3s; 
    -o-transition:ease-in all 0.3s; 
    -webkit-transition: ease-in all 0.3s; 
    text-decoration: none; 
    box-shadow: inset 3px 1px 1px rgba(17, 165, 24, 0.25); 
    border: 1px solid #028408; 
} 

.mct_whatsapp_btn:before { 
    content: ''; 
    background: url(BACKGROUND IMAGE URL); 
    position:absolute; 
    top: 6px; 
    left: 7px; 
    width:16px; 
    transition: ease-in all 0.3s; 
    moz-transition: ease-in all 0.3s; 
    -o-transition:ease-in all 0.3s; 
    -webkit-transition: ease-in all 0.3s; 
    height:16px; 
} 

.mct_whatsapp_btn:hover { 
    background: #028408; 
    text-decoration: none; 
    color:white; 
    border: 1px solid #11A518; 
    box-shadow: inset 3px 1px 1px rgba(2, 132, 8, 0.25); 
} 

.mct_whatsapp_btn:hover:before { 
    transform: rotate(360deg); 
} 
</style> 

<body> 
<div class="container"> 
<div class="row"> 
    <div class="col-md-12 well"> 


    <a class="mct_whatsapp_btn" data-link="" data-text="" href="whatsapp://send?text=">Share</a> 

    </div>

来源

2017-05-18 Michael

删除的代码body{background-color:#49C34F}

来源

2017-05-18 02:14:42 Bassam

由于巴萨姆的第一个块。让我试试 – Michael

不客气。 – Bassam

非常感谢Bassam。现在工作正常。再次感谢 – Michael

WhatsApp分享按钮的博客

回答

相关问题