html - 将鼠标悬停在图像上时显示响应式叠加层

标签 html css hover

我希望能够在将鼠标悬停在图像上时在图像上显示叠加层。

我希望叠加层和图像能够响应并适应屏幕:

 width:100%;
 height:auto;

这是在实际图像上工作,但是当我厌倦了添加叠加层时,我看不到通过使用百分比来使叠加层响应。

这是演示: http://jsfiddle.net/w2NV3/

因此,当您将屏幕拖动得更大或更小时,我希望图像和叠加层使用 % 随着屏幕扩展。

干杯

最佳答案

关于html - 将鼠标悬停在图像上时显示响应式叠加层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20216624/

相关文章:

html - 单击时建议画廊缩略图?

jquery - 如何向左扩展元素?

javascript - 如何在 anchor 标记悬停时添加类

javascript - 与<select>输入字段相关的问题

javascript - 从任意 HTML 表创建工具提示输出

html表格空白: nowrap not working?

css - 如何使用 css 重新创建此图像

css - 两列布局,右侧的导航 div,上一个线程的解决方案似乎不起作用

asp.net-mvc-3 - 如何将外部 CSS 应用于 Html Helper 类元素?

html - :hover style does not affect after adding cufon