您现在的位置是：网站首页> 编程资料编程资料
CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)_CSS教程_CSS_网页制作_
2021-09-08
938人已围观
简介 CSS设置DIV Herf底层图片和链接同时改变,兼容IE，Firefox,Opera,Safari,Chrome等
/*CSS样式设置 涂聚文 Geovin Du**/
.text8
{
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/05.jpg);
height:42px;
text-align:center;
}
.geovindu
{
cursor:auto;
text-decoration: none;
color: #000;
}
a.geovindu:hover .text8
{
/*background: #000;*/
color:red;
background-image: url(../images/06.jpg);
}
.content
{
margin-top:10px; padding-top:10px;
}
a.geovindu:visited .text8
{
text-decoration:none;
color:red;
background-image: url(../images/06.jpg);
}
/*HTML 代码 涂聚文 Geovin Du**/
涂聚文,CSS设置DIV Herf底层图片和链接同时改变
复制代码
代码如下:.text8
{
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/05.jpg);
height:42px;
text-align:center;
}
.geovindu
{
cursor:auto;
text-decoration: none;
color: #000;
}
a.geovindu:hover .text8
{
/*background: #000;*/
color:red;
background-image: url(../images/06.jpg);
}
.content
{
margin-top:10px; padding-top:10px;
}
a.geovindu:visited .text8
{
text-decoration:none;
color:red;
background-image: url(../images/06.jpg);
}
/*HTML 代码 涂聚文 Geovin Du**/
复制代码
代码如下:相关内容
- DIV+CSS 兼容小集_浏览器兼容教程_CSS_网页制作_
- 解决ie6下3像素bug问题_CSS_网页制作_
- 解决在ie6中,图片下方出现空隙的办法_CSS_网页制作_
- CSS3 border-image详解、应用及jQuery插件_css3_CSS_网页制作_
- css a:hover下的span样式无效的解决方法_CSS教程_CSS_网页制作_
- css box-shadow阴影不透明的解决办法_CSS教程_CSS_网页制作_
- CSS3 特效范例整理_css3_CSS_网页制作_
- DOCTYPE 中xhtml 1.0和 html 4.01区别分析_Web标准教程_CSS_网页制作_
- 浏览器显示flash问题解决_浏览器兼容教程_CSS_网页制作_
- 使用font-size：0 来去掉inline-block元素之间的空隙方法_CSS_网页制作_
点击排行
本栏推荐
