通过hover显示出来的图片被上面的div档了。该怎么设置css呢

如题所述

第1个回答  推荐于2017-11-03
给显示的图片加z-index:99;
如果无效再加个position:relative;追问

我可能表达错了。
$(".footer_qr").hover(function()
{
$("i",this).fadeIn(200);
}, function()
{
$("i", this).fadeOut(200);
});
是这样显示。我不知道啥意思

追答

$("i", this)意思跟jQuery(this).find("i")等同,这个效果是.footer_qr这个类鼠标放上时,他的子元素i标签的内容显示,离开的时候隐藏。
那就给i标签加上z-index,让他显示在最上面

追问

还是不行

这个图片就可以显示出来,然后没有触发事件之前,

触发事件之后

这是什么情况。

本回答被提问者采纳
第2个回答  2017-11-03
这是要设置定位呀。position:absolute
第3个回答  2014-08-25
一般用 z-index 解决~追问

我可能表达错了。
$(".footer_qr").hover(function()
{
$("i",this).fadeIn(200);
}, function()
{
$("i", this).fadeOut(200);
});
是这样显示。我不知道啥意思

通过hover显示出来的图片被上面的div档了。该怎么设置css呢
如果无效再加个position:relative;

图片的hover态鼠标移过现实另一个图片如何制作鼠标hover图片改变...
2、在index.html中的script>标签中,输入js代码:$('a').hover(function(){$('img').css('display','block');})3、浏览器运行index.html页面,此时鼠标移动到超链接上,下面的图片自动显示了出来。csshover用法?在css中hover用于选择鼠标指针浮动在上面的元素,语法“标签选择器:hover{样式代码;...

css hover问题。以下代码为什么还是被遮挡了,请看代码
<style>.img{width:100px; height:100px; overflow:hidden; cursor:pointer;}.img:hover img{margin-left:-100px;}<\/style><div class="img"><img src="42zy.png"><\/div>这个图片 下面是效果

CSS hover图片覆盖
你说的是通过 hover进行背景图片切换吧。例如:\/* 正常下的图片 *\/a { background: url(图片地址);}\/* 当鼠标移到 a 上时的图片 *\/a:hover { background: url(图片地址);}

CSS设定DIV隐藏 能不能通过.hover 让其显示出来
设置内外边距都为0 。5、使用css设置div隐藏(display:none),并且设置div内的文字颜色为红色(color:red)。6、使用css设置li的hover属性,实现当鼠标放在li标签内的a链接上面时,通过把div的display属性设置为block,把div显示出来。7、在浏览器打开test.html文件,查看实现的效果。

为什么 说div后来者居上,不是应该是div:hover后来者居上吗
div是后来者居上的,div:hover只是改变原DIV的css,不会影响其位置,所以你这个代码鼠标经过的时候应该是只有最后一个能显示完整,前面的都被挡住了1px。

页面底部跑到上面去了,怎么调DIV+CSS?
一般情况时上面内容没有设置定位,导致下面内容不能判断上面有内容,所以自动填充上去;解决方法:给div层设置浮动属性;给div添加样式:display:table或者display:block;给上面内容div固定高度并设置浮动属性

html div+css 像视频,图片下有文字显示的代码怎么写
还有一种是鼠标移动到图片上,会有灰色底色白色文字冒出来,鼠标移走后,文字消失的 这种可以用onmouseover时间定义一个函数,当鼠标移到图片上时 那个文字的div中display:block;移走后display:none

html 当鼠标停留在图片上 显示另外一个div
那个透明的盒子是单独写的,写好后,使用绝对定位将其移到图片盒子区域外(比如说left:9999px;),图片要求使用overflow:hidden;,这样刚开始的时候就看不见文字,然后给图片添加hover伪类,改成你需要定位的值,鼠标移上去显示出来,,要慢慢下滑出来或者其他动态出来,使用css的过渡效果就行了 ...

css行内样式hover(css行内样式写法)
Popper-append-to-body属性是Element-UI官方文档中提供的一个属性,该属性的用途就是将el-select选项的内容移动div#app当中,默认值是true,下面一张图是将该属性设置为false时的DOM结构展示。 继续访问 CSS:通过hover控制切换固定栏内容 CSS:通过hover控制切换固定栏内容 继续访问 html鼠标悬停下面变换,javascript实现...

相似回答