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

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

.box{ width:300px; height:200px; position:relative; background:red; cursor:pointer; }.box .bmbox{ width:300px; height:30px; background:black; position:absolute; bottom:0px; left:0px; display:none; font:12px/30px "宋体"; color:w...

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

Web开发者网络 - www.admin10000.com .warp{ background:#eee url(back.jpg) no-repeat left top; width:440px; height:400px; border:1px solid #ccc;} .content { width:180px; height:260px; margin:0px auto; padding:30px 30px; backgroun...

无标题文档 .body{ margin:0px; padding:0px; } .scale{ width:390px; height:250px; position:relative; display:block; } .img1{ margin:50px auto; } .img1:hover{ transition:all .5s ease-in 0s; -webkit-transition:all .5s ease-in 0s; ...

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

请问你用的触发事件是onmousemove还是onmouseover,估计是用了onmousemove吧,改成onmouseover就行了

晕。楼主人才呀。 onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" 你把这2段的样式分为2个class 例如: .testimg{opacity:1;filter:alpha(opacity=100...

这个要满足的条件 你如果想鼠标滑过就变换图片和背景颜色这类功能的话,最少要有两个不一样的图片,图片要转换成块级元素display:block;,设置你需要的宽度和高度!文字的大小可以设置为font-size:像素; 不懂可以HI我哈!

HTML图片和文字是并列显示的。如下: 1. 将文字浮在图片上我们加个div把图片和文字包在一起,并且加上img-group和img-tip这两个class,便于后面的处理。 我们要让文字浮在图片上面,需要加上定位。看文字浮在了图片的底部。 display: inline-blo...

原理就是制作两套样式,分别运用在鼠标放上和拿开的时候,比如楼下的同学说的: img {opacity:0.8;filter(alpha=80)}img:hover {opacity:1;filter(alpha=100)}但是用透明度的方法似乎没有变亮,变暗的效果。 建议可以在图片上加一个层来控制: J...

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