图像缩放悬停缩小容器

标签 image css

我这里有一个用 CSS3 制作的图像缩放,图像在悬停时在其容器内放大。

但是,我遇到的问题是我在底部出现了下降,我无法弄清楚这是为什么!

http://www.jimharrison.co.uk/

最佳答案

在寻找问题之后,我在这里找到了解决方案并且它有效:

Image inside div has extra space below the image

只需添加:

vertical-align: top 

到你的形象。

关于图像缩放悬停缩小容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22097450/

相关文章:

javascript - 如何从 JavaScript 的 JSON 数据以 HTML 格式显示图像

css - 在 Microsoft Edge 中转换 SVG 内的元素不起作用

html - CSS 倾斜 Angular 与 3 行对齐

html - 如何使图像与css中的文本一致

css - Bootstrap 3 无法正确显示字形

jquery - 使用 jquery 附加到 <head> 时不应用 .less 样式,但 .css 有效

php - 使用 PHP 在表中显示 MySQL 数据库 BLOB 图像

html - 如何在 Bootstrap NavBar 中将图像准确地放置在我想要的位置(并且响应)

javascript - THREE.js 中的法线贴图

javascript - 自定义选项更新 Magento 产品图像