参见英文答案 >
CSS :after not adding content to certain elements
当您悬停时,我有一个从菜单中的幻灯片放映的图像。因为它隐藏在菜单下面,我想通过在底部添加一个黑暗的褪色,给图像的底部一点点。我认为最好的方法是使用伪元素。我不太在意IE支持,因为它是一个这么小的细节。
当您悬停时,我有一个从菜单中的幻灯片放映的图像。因为它隐藏在菜单下面,我想通过在底部添加一个黑暗的褪色,给图像的底部一点点。我认为最好的方法是使用伪元素。我不太在意IE支持,因为它是一个这么小的细节。
所以,这是我有的:
.header-section .trygg-ehandel-icon { position: absolute; top: 45px; right: 280px; z-index: 0; display: block; // Stripped out some transition style here } // Here's where the cool stuff begins! .header-section .trygg-ehandel-icon::after { position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; display: block; content: '.'; z-index: -999999px; background: red; }
首先,我不确定是否在“之后”使用双重或单个冒号。我一直使用一个,但最近我注意到有人使用两个,所以有什么要走的?或者似乎工作!
你可以在这里看到它:http://goo.gl/RupQa
这是标题菜单上方的黄色标志。为什么我看不到图像上方的20×20红色框?父(.trygg-ehandel-icon)是绝对定位的,所以伪元素应该显示出来,对吗?
解决方法
原文地址:https://www.jb51.cc/css/218473.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。