相同的HTML代码适用于某些图像而非其他图像

时间:2014-12-09 19:05:29

标签: html css

我正在写一个简单的网站,似乎无法找出一个小问题。每当我插入图像(所有图像都在图像子文件夹中)时,我使用完全相同的图像代码。但是,出于某种原因,当我将网站放在服务器上并以这种方式访问​​时,某些图像显示为断开的链接。我从本地服务器访问完全相同的位置,图像看起来很好。当通过互联网从服务器访问时,只显示表格中的第一个图像。我知道文件没有损坏,整个网站的其他所有参考都运行得很好。有什么想法吗?

编辑:文件夹中每个图像的权限都相同。读取/执行所有文件。

<div id="headshots">
    <table>
        <thead>
            <tr>
                <th colspan="4" style="text-align:center">THE TEAM</th>
            </tr>
        </thead>
        <tr>
            <td><a href = "Images/Example0.jpg"><img src="Images/Example0.jpg" alt="****" /></a></td>
            <td><a href = "Images/Example1.jpg"><img src="Images/Example1.jpg" alt="****" /></a></td>
            <td><a href = "Images/Example2.jpg"><img src="Images/Example2.jpg" alt="****" /></a></td>
            <td><a href = "Images/Example3.jpg"><img src="Images/Example3.jpg" alt="****" /></a></td>
        </tr>
        <tr>
            <td style="text-align:center; color:white" bgcolor="#C59353">Example0</td>
            <td style="text-align:center; color:white" bgcolor="#C59353">Example1</td>
            <td style="text-align:center; color:white" bgcolor="#C59353">Example2</td>
            <td style="text-align:center; color:white" bgcolor="#C59353">Example3</td>
        </tr>
    </table>
    </div>

1 个答案:

答案 0 :(得分:1)

我假设这里的主要区别在于您在服务器使用Linux时本地使用Windows。 Linux与Windows相关的主要问题是区分大小写。比方说,如果您的某个图片被命名为example1.jpgExample1.JPG,则它将不适用于您的代码。

我几乎可以肯定这是您问题的解决方案,虽然它实际上更具猜测性,所以如果您有其他信息,请在此处发布。