Html 在任何浏览器中都不能单击链接
我有一些社交媒体图标是图像链接。我能够突出显示它们,因此我知道它们不被任何其他页面元素覆盖。然而,它们没有链接到任何东西 我的标题中的链接工作得很好,经过一些调试,我了解到任何链接,无论是图像还是文本,在放入container div时都不起作用 以下是指向我的网站的链接: 以下是HTML:Html 在任何浏览器中都不能单击链接,html,css,z-index,Html,Css,Z Index,我有一些社交媒体图标是图像链接。我能够突出显示它们,因此我知道它们不被任何其他页面元素覆盖。然而,它们没有链接到任何东西 我的标题中的链接工作得很好,经过一些调试,我了解到任何链接,无论是图像还是文本,在放入container div时都不起作用 以下是指向我的网站的链接: 以下是HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Steve Polito Design</title>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie6.1.1.css" media="screen, projection" type="text/css" />
<![endif]-->
<!-- CSS -->
<link href="css/normal.css" rel="stylesheet" type="text/css" media="screen" />
<!-- FONTS -->
<link href="fonts/@font-face.css" rel="stylesheet" type="text/css" />
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
<script src="js/site_js.js" type="text/javascript"></script>
</head>
<body>
<div id="banner"> <!-- START BANNER -->
<img src="images/logo.png" width="121" height="121" alt="Steve Polito Design Logo" class="logo"/>
</div> <!-- END HEADER -->
<div id="header"> <!-- START HEADER -->
<div id="navigation"> <!-- START NAVIGATION -->
<ul class="leftNav">
<li class="left"><a href="#about" class="scrollTo">about</a></li>
<li class="right"><a href="#services" class="scrollTo">services</a></li>
</ul>
<ul class="rightnav">
<li class="left"><a href="#work" class="scrollTo">work</a></li>
<li class="right"><a href="#contact" class="scrollTo">contact</a></li>
</ul>
</div> <!-- START NAVIGATION -->
</div> <!-- END HEADER -->
<div id="container"> <!-- START CONTAINER -->
<div id="about"> <!-- START ABOUT -->
<blockquote class="displayText">
<h1 class="aboutHeading">i create beautiful things for both <span class="grey">print</span> and <span class="grey">web.</span></h1>
</blockquote>
<p class="aboutText">my name is steve polito, and i love design. whether it be for print or for web, i believe the most successful design is always the most simple. i enjoy the challenge that comes with every project, and use each undertaking as a learning experience. my portfolio contains works made using photoshop, illustrator, indesign, dreamweaver, after effects, html + css and jquery. you can also check out my resume here.</p>
<div id="socialMedia">
<a href="www.facebook.com"><img src="images/FB.png" height="32" width="32" alt="Facebook" /></a>
<a href="www.flickr.com"><img src="images/FLICKR.png" height="32" width="32" alt="FlickR" /></a>
<a href="www.youtube.com"><img src="images/YOUTUBE.png" height="32" width="32" alt="Youtube"/></a>
</div>
</div> <!-- END ABOUT -->
<div id="services"> <!-- START SERVICES -->
<blockquote class="displayText">
<h1 class="servicesHeading">here is what i<span class="red"> do</span> and what i <span class="red">know.</span></h1>
<a href="index.html" title="TEST">TEST</a>
</blockquote>
<div id="myServices"> <!-- START MYSERVICES -->
<ul class="print">
<li class="listHeading">print.</li>
<li>logo</li>
<li>branding</li>
<li>publications</li>
<li>package</li>
<li>posters</li>
</ul>
<ul class="web">
<li class="listHeading">web.</li>
<li>micro sites</li>
<li>seo</li>
<li>drupal</li>
<li>web design</li>
</ul>
<ul class="skills">
<li class="listHeading">skills.</li>
<li>photoshop</li>
<li>illustrator</li>
<li>indesign</li>
<li>html+css</li>
<li>jquery</li>
<li>seo</li>
<li>drupal</li>
</ul>
</div> <!-- START MYSERVICES -->
</div> <!-- END SERVICES -->
<div id="work"> <!-- START WORK -->
<blockquote class="displayText">
<h1 class="workHeading">here is a sample of my <span class="white"> work.</span></h1>
</blockquote>
</div> <!-- END WORK -->
<div id="contact"> <!-- START CONTACT -->
<blockquote class="displayText">
<h1 class="contactHeading">i would <span class="red"> love </span> to here from<span class="red"> you.</span></h1>
</blockquote>
</div> <!-- END CONTACT -->
</div> <!--END CONTAINER -->
</body>
</html>
看起来你的链接在你的网站上出现了一个错误的url。比如yourdomain.com/www.facebook.com。试着把绝对地址放在那里。类似于href属性 似乎您的链接在您的站点中出现了错误的url。比如yourdomain.com/www.facebook.com。试着把绝对地址放在那里。类似于href属性 问题在于css的这一部分。放下z索引,它就会工作
#container {
width: 100%;
max-width: 960px;
margin-left:auto;
margin-right:auto;
position: relative;
z-index: -1;
}
问题在于css的这一部分。放下z索引,它就会工作
#container {
width: 100%;
max-width: 960px;
margin-left:auto;
margin-right:auto;
position: relative;
z-index: -1;
}
你的链接前面需要http。你的链接前面需要http。谢谢!我喜欢简单的解决方案。谢谢!我喜欢简单的解决方案。