试图把img放入CSS中的标签

我有一个真正新手的CSS问题。我想在a中放置一个img，并使img元素在其整个表面上可点击。试图把img放入CSS中的标签

这里是我的代码：

<header class="mobile"> 
    <div class="click-nav"> 
     <div class="nav"> 
      <a href="" class="clicker"><img src="..."></a> 
      <ul> 
       <li>...</li> 
      </ul> 
     <div> 
    </div> 

    <div id="logo"> 
     <a href="#/index"><img src="..."></a> 
    </div> 
    . 
    . 
    .

是什么驱使我疯狂的是，它非常适合我的logo格但不适合我nav股利。

我试图通过将a设置为：使用高度和宽度值的块（或内联块）来修复它。我试图设置img宽度为100％...我甚至试图欺骗inline-height属性...但没有任何作品！

当看督察时，我可以强调我的a标记，甚至在设置尺寸值时我看到他的可点击表面正在增长，但我仍然无法在Chrome上单击它或部分在其他浏览器中单击它。

关于我的CSS：我重置我的CSS，并没有添加任何规则链接和父母的div不只是有绝对的位置。欢迎任何提示，谢谢。

来源

2014-04-02 keepthepeach

什么是您的CSS？ – Digzol

你是什么意思“我无法点击它”？ – arkascha

我的意思是没有指针光标，也没有办法点击它。 – keepthepeach

试试这个：

<div class="nav"> 
      <a href="" class="clicker"><img src="..."></a> 
</div>

，如果它不工作试试这个：

<a href="" class="clicker"><img src="..."></a>

来源

2014-04-02 12:57:10 Lolieta

我不知道为什么你有这样的问题。
我测试了nav和div标签，但无论做工精良

<nav class="logo"> 
    <a href="#/index"><img src="http://goo.gl/FyWYfQ"></a> 
</div> 
<div class="logo"> 
    <a href="#/index"><img src="http://goo.gl/FyWYfQ"></a> 
</div>

jsfiddle

我想你可以给你的HTML和CSS文件的完整代码。（我的意思是nav代码和div代码）

来源

2014-04-02 13:02:08

好的，谢谢你的回复。我的问题是我将我的标头设置为display:inline-由于某些原因，所以我的a继承了

来源

2014-04-02 13:24:16 keepthepeach

无论如何锚是内联元素 - 显示CSS不会继承，除非您指定它这样做 – Pete

试图把img放入CSS中的标签

回答

相关问题