Question

我想在我的网站菜单中添加电话号码（仅限手机），触摸该号码后，它会拨打电话。到目前为止我已经有了这个

首先 - 这是菜单的HTML代码

          <div class="rd-navbar-panel">
            <button data-rd-navbar-toggle=".rd-navbar-nav-wrap" 
            type="submit" class="rd-navbar-toggle toggle-original"><span>
            </span></button>
           <div class="rd-navbar-brand"><a href="index.html" class="brand-
            name">    
            <img src="logo.png" style="width: 80px">                
             </a></div><a href="index.html" class="brand-name">
             </a>
           </div>

这就是我想要的内容

 <a href="tel:+1800229933">+1800229933</a>

但是，当我把它放进去的时候不会出现在手机上。如何使它工作？谢谢如果您需要在代码中查看其他内容，请访问我的网站上的链接：http://testwebsites.9e.cz/index.html

Answer 1

<div class="address-group">
 <a href="index.html" class="brand-name"></a>
 <a id="mail" href="mailto:#" class="fa-envelope-o">info@demolink.org</a>
 <a id="mobileNo" href="tel:+1800229933">
   <i class="fa-mobile-phone"></i>
   <span> +1800229933</span>
 </a>
</div>

#mobileNo{display:none;}
@media screen and (max-width: 480px) {
   .rd-navbar-brand {
      position: relative;
      left: 0;
    }
    #mobileNo{display:block!important;}
    #mail{display:none;}
}

Answer 2

您的问题是z-index。在移动设备上.rd-navbar-brand覆盖了您的手机锚标签，因为它具有更高的z-index。

尝试

percentage = input("Please input a number")
if percentage == 100:
     Grade = ("A*")
     print ("A*")
elif percentage ==80:
     Grade = ("A")
     print ("A")
elif percentage == 60:
     Grade = ("B")
     print ("B")
elif percentage == 40:
     Grade = ("C")
     print ("C")
else:
     Grade = ("D")
     print ("D")

并将z-index：1添加到您的手机锚标签中。

菜单中的电话号码（仅限手机）

2 个答案: