<td> 内的 Img 路径显示但无法单击它

Posted

技术标签:

【中文标题】<td> 内的 Img 路径显示但无法单击它【英文标题】:Img path inside <td> showing but can't click on it 【发布时间】:2015-08-03 09:47:27 【问题描述】:

在我的数据库填充表中单击并打开图像时,我遇到了一个大问题。我创建了一个 mysql 数据库,并通过 php 在我网站上的一个表中实现它。除了图像,一切都很好。它们在桌子上显示为缩略图(它们应该是,因为我把高度放得很小)但是当我想点击它们时,什么也没有发生。它只是不想在图像所在的那个地方继续(即使图像的链接出现在浏览器的底部并且我的光标进入“链接”模式)。

我的 PHP 代码的那部分:

echo "<table class=table>                        
           <tr>  
           <th><b>ID:</b></th> 
           <th><b>Ime:</b></th>                             
           <th><b>Dimenzije-cm:</b></th> 
           <th><b>Kol.po-m2:</b></th> 
           <th><b>Te×ina-kg/m2:</b></th> 
           <th><b>Na paleti-m2:</b></th> 
           <th><b>Images:</b></th> 
           </tr>"; 
while ($record = mysqli_fetch_array($myData)) 
    echo "<tr>"; 
    echo "<td>" . $record['id'] . "</td>"; 
    echo "<td>" . $record['ime'] . "</td>";                                 
    echo "<td>" . $record['dimenzije-cm'] . "</td>"; 
    echo "<td>" . $record['kol.po-m2'] . "</td>"; 
    echo "<td>" . $record['tezina-kg/m2'] . "</td>"; 
    echo "<td>" . $record['na paleti-m2'] . "</td>";                               
    echo "<td><a href=\"" . $record['images'] . "\" > 
              <img src=\"" . $record['images'] . "\" height=\"30\" /></a></td>";
    echo "</tr>";
 

这里是问题的截图:

    -

    在此屏幕截图中,您可以看到img 处于活动状态,并且链接显示在浏览器的底部页面上,但是当我单击它时,没有任何反应。

    -

    在第二个屏幕截图中,您可以看到当我在浏览器地址栏中输入图像页面src 时会发生什么。它可以正常打开并且清楚地显示图像在它应该在的位置。

问题也可能在我的引导 CSS 中,所以我会上传它供您检查...

http://speedy.sh/K5UXh/bootstrap.min.css

【问题讨论】:

【参考方案1】:

好的,伙计们,经过长时间的研究和代码利用,我发现问题出在我的 .js 文件中。我很少有它们使用相同的行但不同的值和命令相互碰撞,这导致了整体代码中的故障和错误。解决方案是只使用一个主 .js 文件,对于您真正需要的 .js 部分,将它们直接发布到 head 之间

【讨论】:

【参考方案2】:

尝试将您的 img 元素样式设置为 display: block

【讨论】:

你可以右键单击并做一个检查元素,然后打印代码的屏幕截图。

以上是关于<td> 内的 Img 路径显示但无法单击它的主要内容,如果未能解决你的问题,请参考以下文章

编程使用<img></img>标记显示图片,IE9无法显示

td内的html表tr

元素 <td> 内的自定义占位符未显示 [重复]

TD内的DIV是个坏主意吗?

HTML中img标签的src填本地绝对路径无法显示

无法在 vue.js 中显示图像