More than 5 years have passed since last update.

visibilityで画像置換する

HTML
CSS

Posted at 2016-02-08

html

qiita.html

<div class="btn">
    <a href="#">
        <img src="btn_off.gif" width="110" height="50" alt="ボタン" />
    </a>
</div>

css

qiita.css

.btn a {
  display: block;
  width: 110px;
  height: 50px;
}
 
.btn a:hover {
  background: url(btn_on.gif) no-repeat;
}
 
.btn a:hover img {
  visibility: hidden;
}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up