2015-04-22 27 views
1

我已经从网站购买了html + css模板,并且遇到链接问题。在html中清除链接的css属性

我想添加一个链接和链接获取大量的CSS属性默认情况下。我该如何清除那些特定链接的css属性?这里是下面的代码...

<div class="popup-gallery"> 
    <span href="img/portfolio/01.jpg" class="image-item"> 
      <img src="img/portfolio/01.jpg" alt=""> 
      <div class="item-overlay"> 
      <h4>Test asd asd</h4> 
      <div>zxc zxc zxc zxc zxc zxc zxc zxc zxc zxc zxc</div> 
      <div><br /></div> 
      <div><a href="/fiyat_listeleri/fiyat.pdf">Fiyat Listesi*******</a></div> 
      </div> 
     </span> 
</div> 

与PDF中的链接,我要的是点击时它被下载,但它打开它作为一个弹出模式。我用target="_blank"但它没有工作。

我该如何让它可下载?

+1

这看起来不正确,'<跨度HREF = “IMG /投资组合/ 01.JPG” 类= “图象项目”>'为什么会出现一个'href'在''上? –

+0

你是对的,但它的工作原理。我无法使链接被下载。希望你不介意 –

回答

5

首先,将要删除您所要求的CSS样式。

添加到您的样式表文件。

.popup-gallery span .item-overlay div a { 
    color: #000000; // or whatever color 
    text-decoration: none; 
    // add any more styles you want 
} 

的链接,即时猜测存在的JavaScript这样做,所以你只需要禁用任何当前正在运行。

在jQuery中:

$(document).ready(function() { 
    $('.popup-gallery span .item-overlay div a').click(function(e) { 
    e.preventDefault(); 
    }); 
}); 
4

download添加到标签怎么办?

<a href="/fiyat_listeleri/fiyat.pdf" download>Fiyat Listesi*******</a> 

该想法来自w3schools

演示:

http://jsfiddle.net/5oafzty8/

+0

。我编辑了你的答案并添加了一个演示。 –

+0

一点都不,我欣赏它。谢谢 :) – Jon