文字未出現在鏈接按鈕中html

我在我的網站中添加了一些使用w3schools代碼的鏈接按鈕。同時在Internet Explorer they look fine中測試它們，但在Firefox和Chrome上測試它們時爲text seems to have disappeared。文字未出現在鏈接按鈕中html

這裏是我的代碼：（我還挺新的，所以不要苛刻）

（出於某種原因計算器帶我一半的html代碼下面是引擎收錄www.pastebin.com/raw/H50UgpCB。）

如果管理員格式化了這個，ps會很好。

<!DOCTYPE html> 
<html> 
    <head> 
    <span id="chromeFix"></span> 
     <title>FivosM Projects</title> 
     <link rel="stylesheet" href="animate.css"> 

     <script src="//use.edgefonts.net/source-sans-pro:n4.js"></script> 
      <style> 

       body { 
        font-family: source-sans-pro, sans-serif; 
        text-align: center; 
       } 
       h1, p, h3 { 
        background: -webkit-linear-gradient(#000000, #000000); 
        -webkit-background-clip: text; 
        -webkit-text-fill-color: transparent; 
       } 
       a:link, a:visited { 
        background-color: #f44336; 
        color: blue; 
        padding: 3px 6px; 
        text-align: center; 
        text-decoration: none; 
        display: inline-block; 
       } 

       a:hover, a:active { 
        background-color: red; 
       } 
     </style> 
    </head> 

     <script type="text/javascript" charset="utf-8"> 

      $(function() { $('body').hide().show(); }); 
     </script> 

    <body> 
     <div class = "body animated bounceInDown"> 
      <h1 class="bounce">My Projects: </h1> 
      <h3> Software: </h3> 
      <p><b>Pinger:</b> <a href="google.com" target="_blank"> Download </a> &nbsp; <a href="google.com" target="_blank"> Github </a></p> 
      <h3> Games: </h3> 
      <p><b>HellBlocks:</b> <a href="google.com"> Itch.io page </a></p> 
     </div> 
    </body> 
</html>

感謝您的幫助！

來源

2017-08-13 Fivos Capone

邊緣不喜歡上面4PX陰影出於某種原因

轉換這樣的：

.shadow { 
    text-shadow: 2px 2px 10px #d3d3d3; 
}

要這樣：

.shadow { 
    text-shadow: 2px 2px 4px #d3d3d3; 
}

固定的一切......我還是不知道爲什麼發生這種情況，也許是我的邊緣客戶端竊聽。

來源

2017-08-16 09:57:14

的罪魁禍首似乎是-webkit-text-fill-color: transparent;在

h1, p, h3 { 
    background: -webkit-linear-gradient(#000000, #000000); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

編輯：這是有道理的因爲IE不支持-webkit-文本的填充色（see here）。

來源

2017-08-13 17:43:39

超級快速回復，現在好了。謝謝！ –

的原因可能是你編碼：

-webkit-text-fill-color: transparent;

變化，爲-webkit-text-fill-color: red;，看看它做什麼。

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color

來源

2017-08-13 17:44:37

哦，現在我明白了。謝謝！ –

@FivosCapone酷。通過投票或接受向您提出的答案表示感謝;-)很高興幫助您。 –

我提高了你們兩個，但我需要首先達到15個代表。 –

文字未出現在鏈接按鈕中html

回答

相關問題