Question

我一直在为大学做作业而且我遇到了一个问题，即我的两张图片中出现了一个我没写过的课程

当我在本地预览时，代码工作正常，但当我在服务器上上传时，这段代码会出现在我的img标签中。

此课程可防止图像完全出现。我有2个其他图像使用相同的代码只是不同的图像，他们工作得很好。

HTML：

<img src="Images/twitter.png"
onmouseover="this.src='Images/twitterHover.png'"
onmouseout="this.src='Images/twitter.png'" 
style="width:51px; height:51px; margin-bottom:-14px; margin-left:-22px;" alt="twitter">

<img src="Images/google+.png"
onmouseover="this.src='Images/google+Hover.png'"
onmouseout="this.src='Images/google+.png'" 
style="width:51px; height:51px; margin-bottom:-14px; margin-left:-22px;" alt="google+">

服务器上的HTML：

<img class="ddhedzvztqbrlruhkpci" src="Images/twitter.png"
onmouseover="this.src='Images/twitterHover.png'"
onmouseout="this.src='Images/twitter.png'" 
style="width:51px; height:51px; margin-bottom:-14px; margin-left:-22px;" alt="twitter">

<img src="Images/google+.png"
onmouseover="this.src='Images/google+Hover.png'"
onmouseout="this.src='Images/google+.png'" 
style="width:51px; height:51px; margin-bottom:-14px; margin-left:-22px;" alt="google+">

这是指向服务器的链接

http://mlemon.imgd.ca/Proj2/

Answer 1

尝试为每个图像打开一个类，并将样式代码放在style.css中。它可能会奏效。

出现在我的代码中的类我没写

1 个答案: