私は Web 開発に慣れていないので、この質問の仕方がよくわかりませんが、ここに私が直面している問題があります。
大学の特定の学部用に、独自のスタイルシートが適用されているが編集できない Web サイトを開発しています。サイト ナビゲーションの目的で画像のコラージュを作成しようとしています。マウスを画像の上に置くと、別の画像が交換されます。私が使用した最初の方法は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 内でうまく機能しましたが、私が公開したとき、画像のスワップは発生しませんでした。
おそらく大学が私の 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内で同じ効果を達成しましたが、公開したとき、スワップが発生し、元に戻すことができましたが、背景画像は正常に呼び出されませんでした. 背景が認識されていないのが残念です。
私の根本的な混乱は、Web サイトを公開するときに機能がどのように失われるかを理解することです。自分のサイトが cms で見栄えがよくなってから、サイトが公開されて削除されるまでの間に何が起こっているのか、よくわかりません。可能であれば、どのような種類のスクリプトと css の変更が機能するかを知る方法に関する一般的なガイダンスが役立ちます。私はスタイルシートにアクセスできないので、Web ページの上部に css を含めていることに言及する必要があります。大学のスタイルシートは常に私のスタイルシートを上書きしますか? 前もって感謝します。
ウォルト