CSS CSS图像替换
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS CSS图像替换相关的知识，希望对你有一定的参考价值。
/* =HTML
-------------------------------------------------------------- */
<div class="haven">
<a href="#">
<img src="<?php bloginfo('template_directory'); ?>/images/haven_g.png" alt="" title="brookhaven_logo"/>
</a>
</div>
/* =CSS
-------------------------------------------------------------- */
div.haven {
height: 44px;
width: 278px;
margin:0;
padding:0;
background-image:url("images/haven.png");
}
div.haven a, div.nav a:link, div.nav a:visited {
display:block;
}
div.haven img {
width:100%;
height:100%;
border:0;
}
div.haven a:hover img {
visibility:hidden;
}
以上是关于CSS CSS图像替换的主要内容，如果未能解决你的问题，请参考以下文章
css CSS：图像替换
css Css：图像替换
CSS 标准CSS图像替换
CSS CSS图像替换
CSS 仅使用CSS将HTML文本替换为图像
css 图像替换技术