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分享按鈕的博客

回答

相關問題