这是一个创建于 2837 天前的主题，其中的信息可能已经有所发展或是发生改变。
需要网页中显示文章，文章是用马克飞象生成的 html ，生成的 html 带 css 链接，不用 iframe 的话，会影响到文章之外的元素，现在好像都不怎么提倡实用 iframe ，搜了很长时间都没有好的替代办法
我的需求就是显示文章但是不影响到文章以外的元素，请问有什么好的办法吗
第 1 条附言 · 2017-02-13 22:13:26 +08:00
试了一下， shadow dom 的确可以把内容添加到指定位置，而且和外界不干扰，在 chrome56 虽然可以加载，但是样式上还是有些问题，其它浏览器直接无法正常加载
 |
1
blanu 2017-02-13 20:19:29 +08:00 via iPhone  1
该用时就用，还没被官方标准抛弃就是可以的用法。何况现在解决方案的兼容性都很差
|
 |
2
ianva 2017-02-13 20:21:55 +08:00 2
shadow dom
|
 |
3
binbinyouliiii OP @ianva 看着被支持的浏览器不多啊，文章也很少
|
 |
4
Kilerd 2017-02-13 20:48:59 +08:00
pjax
|
 |
5
civet 2017-02-13 20:52:18 +08:00 via iPhone
在线编辑器的预览功能都是 iframe 的。安全点再加个 sandbox 属性吧
|
|
6
binbinyouliiii OP @Kilerd pjax 原理上应该也是 ajax 吧，只是添加内容到页面中，应该也会影响外部吧
|
 |
7
ibufu 2017-02-14 09:54:22 +08:00
你的目的就是为了不让 css 污染，那么只要不要让类重名就好了。:)
|
|
8
binbinyouliiii OP @ibufu 并没有这么简单，我已经避免了各种重名，然而像 body 这种标签没办法啊，还有 before 啥的，由于不是前端，改的话无从下手
|
|
9
ibufu 2017-02-14 13:58:57 +08:00
修改马克飞象生产的 css 源码把，把它的所有 css 规则外面都套一个类名。然后你给你网页中放置文章的容器加上这个类名。
|
 |
10
halden 2017-02-17 02:37:31 +08:00
那些必须重名的你在 CSS 里面加 !important ，就我所知除了 iframe 之外暂时没有一个能完美解决的方法
|
Select Language