sppk.net
当前位置:首页 >> Css 鼠标经过文字变透明或隐藏 同时切换背景图片 ... >>

Css 鼠标经过文字变透明或隐藏 同时切换背景图片 ...

div:hover{/**这里面写你要改变的样式就可以了,比如说文字隐藏就直接line-height:0; font-size:0; 变背景你就直接background:url(图片路径);**/} 要用图片盖住就得先把两个相对定位,然后把文字的层次高于图片的,鼠标经过就把图片的层次调高就...

.alterDiv { position: relative; width: 500px; height: 300px; } .alterDiv img { width: 500px; height: 300px; } .alterDiv .text { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; background-color:...

你既然知道文字变色,为什么不能顺带把背景图片换掉? 举个例子你原来的样式 a{color:#000;bakground:url("1.jp")} 文字是黑色,背景图片是1.jpg新加入这一段 a:hover{color:red;background:url("2.jpg");} 鼠标经过时文字变成红色,背景图片变...

这么简单的问题, 这个是CSS设置的, 设置该ID 或者CLASS下 鼠标在上面的时候背景颜色跟字体颜色就行了! a:hover{background:#000;opacity:0.5;color:#fff;display:block;} 这里只是把全部都写在一起了, 具体还要根据你表格的选择器来写! 要...

有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。 CSS: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器...

使用CSS :hover 伪类可以达到这个效果。 定义和用法 :hover 选择器用于选择鼠标指针浮动在上面的元素。 提示::hover 选择器可用于所有元素,不只是链接。 提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已...

html-css 中让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0;代码如下: 我是测试文字 div{ widht:220p...

你这个没有用到css啊. 要用css可以这样. #div1{width:60px;} div#div1{background:url(3.jpg) no-repeat;} div#div1:hover{background:url(2.jpg) no-repeat;}

使用jquery的toggle方法进行图片切换 $(function(){ $("#h1").toggle(function(){ $("#h1").css("background-image","路径('./20110528073501b54e6.jpg')"); },function(){ $("#h1").css("background-image","路径('./20110607084108740...

通常可以使用css样式的 :hover 选择器, 如示例div1。 也可以使用js来控制css样式,用js可以灵活加入其它效果(延迟显示、随机背景图), 如示例div2。 示例代码: Document.d1{width: 150px;height: 150px;}.d1:hover{ /*在这里使用hover 来改变...

网站首页 | 网站地图
All rights reserved Powered by www.sppk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com