作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要在页面上列出缩略图,所有缩略图都具有固定的高度和宽度。一旦我悬停其中任何一个,我希望较大的图像显示在固定位置,即 top:50px 和 left:50px 在其包装内。大图的尺寸也是固定的,即宽:100px,高:100px。
我按照说明操作 http://cssdemos.tupence.co.uk/image-popup.htm但我想不出将较大的图像放在固定位置。
如果你能在这方面帮助我,我将不胜感激谢谢,
最佳答案
位置固定,根据整个窗口放置图像(元素)一定数量的像素。不是 wrapper 。
绝对位置根据其包装器将图像放置一定数量的像素。
所以尝试添加这个。
.larger-image {
position: absolute;
top: 50px;
left: 50px;
}
如果由于某种原因它不起作用,请发布您的相关代码。
关于javascript - CSS3 或 Jquery : popup of a thumbnail image when the thumbnail is hovered over,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20812846/
我是一名优秀的程序员,十分优秀!