相对及；CSS中的绝对定位：是否可以创建一个；打掉；效果如何？

我有一个彩色的背景和另一个元素，这是叠加在背景上。通过使用CSS定位完成

我的想法是让lorem ipsum文本所覆盖的区域基本上“消失”。这样背景的橙色和玉米丝就可以通过了

可以说：

绝对定位元件应看起来像“穿孔”的板。保持在某种背景之上

这在CSS中是可能的吗

更新

代码如下：

（功能（选择器、水平偏移、垂直偏移）{
var items=document.querySelectorAll（选择器）；
items=Array.prototype.slice.call（items）；
items.forEach（功能（项目）{
//每次指针在元素上移动时
//中的CSS规则被新值覆盖
//左上角。
item.addEventListener（'mousemove'，函数（e）{
让countCssRules=document.styleSheets[0].cssRules.length；
让newRule=选择器+
':hover:在{display:block；'+
'左：'+（e.offsetX+水平偏移量）+'px；'+
'top:'+（e.offsetY+verticalOffset）+'px；}'；
document.styleSheets[0].insertRule（newRule，countCssRules）；
});
});
})（“.工具提示项”，第10、5项）
.wrap{
宽度：1000px；
保证金：50px自动；
字体系列：佐治亚，衬线；
背景颜色：玉米丝；
}
div.tooltip-item{
背景颜色：橙色；
宽度：450px；
高度：100px；
边框：1px纯黑；
边界半径：8px；
利润率：60像素10像素；
}
.工具提示项{
位置：相对位置；
}
.工具提示项：在{
内容：attr（数据报文）；
位置：绝对位置；
左：105%；
空白：nowrap；
显示：无；
字号：1.2rem；
背景色：rgba（230,230,230,0.6）；
填充：10px 20px；
边界半径：16px；
字体系列：Tahoma、Verdana、Segoe、无衬线；
字体大小：正常；
}
div.tooltip-item:之后{
背景色：青色；
颜色：#ff14ec；
字号：800；
边界半径：20px；
盒影：6px 6px 9px#9696；
文本转换：大写；
}
您可以使用以下内容：


p{
背景：url（“http://beerhold.it/579/300）无重复；
-webkit背景剪辑：文本；
背景剪辑：文本；
颜色：透明；
字体大小：40px；
字体大小：粗体；
}

我是一个考验
您可以使用以下内容：


p{
背景：url（“http://beerhold.it/579/300）无重复；
-webkit背景剪辑：文本；
背景剪辑：文本；
颜色：透明；
字体大小：40px；
字体大小：粗体；
}

我是一个考验
你能展示你想要的示例图片吗？请分享你的代码。你已经添加了代码和进一步的解释。你必须将鼠标悬停在橙色的div上！我真的不明白你想要什么：）。紫色是文本的颜色，青色是
工具提示项的颜色：after
。您的意思是：
我想要的是青色工具提示框后面的颜色（当前为紫色）。
紫色不在工具提示框后面。您可以显示您想要的示例图片吗？请共享您的代码添加了代码和进一步解释。您必须将鼠标悬停在橙色div上方！我真的不明白你想要什么：）。紫色是文本的颜色，青色是
工具提示项的颜色：after
。你是什么意思：
我想要的是青色工具提示框后面的颜色（当前为紫色）。
紫色不在工具提示框后面