javascript - 显示另一个图像的 Div

标签 javascript css

我需要一个 div 来显示另一张图片的部分(按 z 顺序在它下面)。

换句话说,当我的 div 位于某个位置时,只有 div 正下方的背景图片部分应该可见(图片中的其他所有内容都应该隐藏)。

我制作了一个 gif 动画来更好地说明这个问题: http://whattaclick.com/illustrate.gif
编辑:嗯.. gif 似乎只在 chrome 中开始动画,在 firefox 中它不会工作,除非先保存在计算机上。

关于什么是好的方法有什么想法吗?我首先想到使用 css clip 来隐藏背景图像,但是手动插入 clip 值需要做很多工作。如果我能以某种方式告诉浏览器隐藏除 div 内部区域之外的所有内容,那就更容易了。

最佳答案

这个应该做。

Image Area Select

关于javascript - 显示另一个图像的 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10675302/

相关文章:

javascript - 逐个字母显示文本

css - 使用变换和过渡动画 react 组件

javascript - 超过父级宽度的元素的特定规则

jquery - 输入 .value 返回 undefined

javascript - PHP/JS Ajax _POST 数组未发布

php - Jquery ajax 调用 : can't use numbers

javascript - 如何获取根url路径

javascript - 将字符串格式更改为剑道网格中的日期

html - 绝对位置响应于绝对位置的宽度自动

html - 为什么过渡不起作用?