element 指定页面高亮
时间: 2023-08-16 11:07:01 浏览: 136
前端实现页面搜索高亮
如果你想在页面中高亮某个元素,可以使用CSS的伪元素选择器 `::after` 或者 `::before`,并为其添加背景颜色或边框来实现高亮效果。例如:
```css
.highlight::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: yellow;
opacity: 0.5;
z-index: 1;
}
```
这个例子中,我们给具有 `highlight` 类名的元素添加了一个伪元素 `::after`,并设置其为绝对定位,将其覆盖在目标元素之上。我们为它设置了黄色的半透明背景,并且给它设置了一个层级为1的 `z-index` 属性,以确保它在其他元素之上显示。
阅读全文