Question

我是网络开发的新手，我不确定如何提出这个问题，但这就是我面临的问题。

我正在为一所大学的特定部门开发一个网站，该网站有自己的样式表，但我无法编辑。我正在尝试为网站导航制作图像拼贴 - 当您将鼠标悬停在图像上时，我想要交换不同的图像。我使用的第一种方法是javascript：

<div class="box">
<a target="_blank" href="http://bike.cofc.edu/"><img src="../biking" onmouseover="this.src='../biking-label'" onmouseout="this.src='../biking'" class="icon" alt="biking" /></a> 
</div>

这在cms中运行得非常漂亮，但是当我发布图像交换时没有发生 - onmouseover导致第一个图像消失但第二个图像没有被成功调用，并且onmouseout没有反转断开的交换。

我想也许大学不允许我的javascript，所以我尝试使用css和html：

span.imgswap-biking {
  background-image:url("");
  background-size:100px 100px; 
  border: 1px solid black;
  background-repeat: no-repeat; display:block;
}
span.imgswap-biking:hover img {
  visibility:hidden;
} 
</style>
<span class="imgswap-biking">
 <img src="" alt="biking" />
</span>

同样，这在cms中实现了相同的效果，但是当我发布时，交换发生并且是可逆的，但是未成功调用背景图像。我担心背景不被识别。

我的基本困惑是了解在发布网站时功能是如何丢失的。我真的不明白我的网站在cms上看起来好看的时间与它在发布时被剥离的时间之间发生了什么。如果可能的话，有关如何知道哪些脚本和css更改将起作用的一般指导将会有所帮助。我应该提一下，我在网页顶部包含了css，因为我无法访问样式表 - 大学样式表总是会覆盖我的吗？提前谢谢。

沃尔特

通过CMS发布网站时，CSS和JavaScript功能有限

0 个答案: