絕對PNG圖像不會鏈接

所以我正在努力在本網站上進行更改。 http://www.kbduct.com。其中一個網站的前面有一個透明美國標誌的PNG文件。我不得不爲它添加一個小的awfs徽標橫幅，並讓觀看者能夠點擊它，以便它可以導致不同的網站。我將這些錨標籤添加到這些項目中，但是單擊它時沒有任何反應。下面是索引文件和圖像的外部文件。絕對PNG圖像不會鏈接

順便說一句，我沒有建立這個網站。我暫時幫助維持它。

INDEX：

<?php include('inc/default.php'); 

$pageTitle = "The Nations Source For Industrial Ducting, Ducts and Ductwork Components - KB Duct"; 
$pageDisc = "KB Duct is the Nation's source for industrial duct, ducting components and ductwork fittings and supplies. We offer custom built solutions for your industrial needs."; 
$pageKeys = "duct, ductwork, ducting, duct work, commercial ducting, industrial ducting, custom ductwork, ductwork supplies, ducting accessories, duct fittings"; 

?> 

<!doctype html> 
<html> 
<?php include('inc/head.php'); ?> 

<body> 



<div id="sb-site"> 

<?php include('inc/maximage.php'); ?>  

<?php include('inc/header.php'); ?> 

<div class="mainarea"> 

<a href="http://awfsfair.org/"> 
    <div id="eBanner" style=" position: absolute; right: 380px; top: 310px;"> 

<?php /*?> <script type='text/javascript' src='http://libs.a2zinc.net/Common/JS/10.6.0.0/a2zWidget.js'></script><script type='text/javascript' id='exWidget'>new a2z.Widget('dGbJ%2fQfPqUA4s%2fDNrIc%2fzt5xiq%2fL4ZoFjVXmdUEcJutOcD9ggxZSCZyU8MZ6cQu6',40297,'http://libs.a2zinc.net/Common/Widgets/ExhibitorBadge.aspx',31,201133,330,200).render();</script> 
<?php */?> 



</a> 

</div> 


    <div class="wrapper"> 

     <?php include('inc/industry.php'); ?> 
     <?php include('inc/catatypes.php'); ?> 

    <div id="mob-only"> 
     <?php include('inc/mobslideup.php'); ?> 
    </div> 

    </div> 


</div> 

<?php include('inc/footer.php'); ?> 

</div> 

<?php include('inc/mob-menu.php'); ?> 

</body> 
</html>

MAXIMAGE.PHP：

<div id="maximage"> 
    <div> 
     <img src="img/Custom-Ductwork-Clamp-Together-Ducting-Shiny-Ducts-BG.jpg" alt="KB Duct is the nation's source for clamp together and flanged industrial ducting and duct parts." /> 
     <div class="in-slide-content" style="display:none;"> 
      <a href="http://awfsfair.org/"><img src="img/nations-source-for-industrial-ducting.png" alt="KB Duct offers custom fabricated industrial ducting solutions."></a> 



     </div> 
    </div> 
    <div> 
     <img src="img/shinyduct.jpg" alt="" /> 
     <div class="in-slide-content" style="display:none;"> 
      <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> 
     </div> 
    </div> 
    <!-- <div> 
     <img src="img/kbduct-production.jpg" alt="" /> 
     <div class="in-slide-content" style="display:none;"> 
      <img src="img/nations-source-for-industrial-ducting.png"> 
     </div> 
    </div>--> 
    <div> 
     <img src="img/plasma.jpg" alt="" /> 
     <div class="in-slide-content" style="display:none;"> 
      <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> 
     </div> 
    </div> 
    <div> 
     <img src="img/welding.jpg" alt="" /> 
     <div class="in-slide-content" style="display:none;"> 
      <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> 
     </div> 
    </div> 
    <!-- <div> 
     <img src="img/clamp.jpg" alt="" /> 
     <div class="in-slide-content" style="display:none;"> 
      <img src="img/nations-source-for-industrial-ducting.png"> 
     </div> 
    </div>--> 
    <div> 
     <img src="img/tunnel.jpg" alt="" /> 
     <div class="in-slide-content" style="display:none;"> 
      <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> 
     </div> 
    </div>

MAXIMAGE CSS ID：

#maximage { 
    display:block;/* Only use this if you fade it in again after the images load */ 
    position:fixed !important; 
    z-index:-1;

CSS在幻燈片內容：

.in-slide-content { 
    color:#333; 
    float:right; 
    font-family:'Helvetica Neue', helvetica; 
    font-size:60px; 
    font-weight:bold; 
    right:20px; 
    margin:40px; 
    padding:20px; 
    position:absolute; 
    top:20px; 
    width:700px; 
    z-index:9999; /* Show above .gradient */ 
    text-shadow: 0 1px 0 #fff; 
    -webkit-font-smoothing:antialiased; 
}

來源

2015-05-11 Starlight1992

我沒有看到有任何PNG鏈接到絕對URL。什麼是文件夾結構？圖像存儲在哪裏與您的PHP文件有關？ –

在html中有很多bug。你已經用父母的相對位置來使用絕對定位。你可以放置你正在談論的標誌的圖像。 –

所有圖像都存儲在img文件夾中。這是文件結構的屏幕截圖。 KB文件結構-http：//i.imgur.com/CsDJ7ZJ.jpg徽標可以在KBduct網站上找到，但她的屏幕截圖 - > http://i.imgur.com/MrFPZbh.jpg – Starlight1992

我做了一些R & D得到了一些東西。可能是這個幫助你有一個ID eBanner改變聯樣式到

position: absolute; 
    right: 269px; 
    top: 141px; 
    z-index: 9999; 
    height: 100px; 
    width: 185px; 
    border: 2px solid red;

此DIV存在和定位標記添加folloing風格

display: block; 
    width: 181px; 
    height: 100px;

一旦你選擇了它的工作原理，那麼你可以刪除紅色邊框

來源

2015-05-12 17:14:10

非常感謝！這工作完美！你是一個拯救生命的人！ – Starlight1992

絕對PNG圖像不會鏈接

回答

相關問題