是否有可能在伪元素之前/之后设置iframe样式？

Question

正如标题所说,有没有办法设置iframes伪before/ after？没有用另一个包装iframe div,或者？`

我试着像任何其他元素一样设计样式,但没有成功:

iframe::before {
    content: 'foo';
    position: absolute;
    top: 0;
    left: 0;
}

iframe::after {
    content: 'bar';
    position: absolute;
    top: 0;
    right: 0;
}

http://fiddle.jshell.net/ppRqm/

更新

一个已知的解决方法是将前/后添加到源文件中的元素:http: //fiddle.jshell.net/ppRqm/2/

但有时您无法访问源文件.

Answer 1

我不确定,但我认为这是不可能的.或者iframe背后的逻辑使其无法实现.

如您所知,伪元素被添加到其容器中,如果您使用iframe执行此操作,则会在iframe中添加伪元素.但是,这就是问题,如果浏览器不支持iframe ,那么iframe内容就会加载内联内容.

这意味着:

<iframe>
  <div>Your browser doesn't support iframes</div>
</iframe>

并且添加伪元素,会做同样的事情; 在现代浏览器上,内联内容 不会显示.