文字未出现在链接按钮中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

回答

相关问题