如何让div嵌入的外部网页里面的css和各种样式效果只影响这个div内部

是这样,我现在出于研究需要,在一个div里面结合php的echo输出个某个外部网页,本来想做类似一个iframe的效果,但是,这个网页本身的样式效果影响了我网页本身效果,如何能做成类似iframe一样不影响外部效果。 iframe这个工具我不想用,因为我要做的project就是用自己写的js function 添加到外部网页,但是jframe的通信我快看疯了。。。

第1个回答  2014-03-04
你在自己网页的head里引用了这个外部网页的css了?那必然有影响了。
head里不要引用外网的css。在输出那个外部网页的时候再去link那个css
第2个回答  推荐于2018-04-05
给这个div添加一个id="#xxx", 然后他的子节点的选择器都加上#xxx。追问

请问如何,给他的所有子节点选择器加XXX....因为我div里面的东西是外部网页,理论上我除了用Jquery函数选择并修改,无法直接手动修改。。。

本回答被网友采纳
第3个回答  2014-02-28
用iframe吧
第4个回答  2016-11-24
请问楼主解决了吗,我也遇到了同样的问题

如何让div嵌入的外部网页里面的css和各种样式效果只影响这个div内部
head里不要引用外网的css。在输出那个外部网页的时候再去link那个css

css 如何让外层的div 控制住内层div的宽度?
你的div 基本上都用了position: absolute;这是将div采用绝对定位,我一般不这么做。因为绝对定位是以左上角为(0,0)定位你的div,跟换分辨率、浏览设备很容易出现位置偏移,你把position: absolute; z-index: 1;删除了应该就对了

如何div标签内嵌入外部网页
目前,嵌入外部网页的方式,主要有3种:iframe方式:<div><iframe src="xxx.jsp"><\/iframe> ajax方式:<div id=“externalHtml"><\/div> ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。script脚本方式:<div><script src="xxx.js" type="text\/javascript"><\/script><\/div> 以上三种方式...

div+css外部的div不会随着内部的div而变长
改成:<ul class="mainnav">...<\/ul> 外面多套个div,此举多余。另外,我没试,貌似:height:auto;这句也要删掉,你自己试。

css中可不可以把内层的样式去掉。?就是让这个DIV里面的元素的样式都失效...
我认为可以采用“重写”的方式来实现。内层元素的样式无非只有两种,一种为id或class,一种为style方式;使用js+document.write的方式重写。如:<div id="top"><div id="inner"><\/div><\/div> 查找top内的元素,发现有id,使用js将它改为以下内容:<div id="top"><div><\/div><\/div>,然后...

DIV+CSS 兼容各个浏览器的阴影效果 献丑
建议你还是使用图片来制作阴影效果,布局上可以使用table做外部框架,把阴影设置于外部,内部主要内容部分用背景色就行了,图片中半透明部分只需要切成png格式即可,切图效果如下:用table布局比较方便,不容易出错,用纯div布局也是可以的,可以根据上图中几个切图布局嵌套,首先把左上角图片作为背景设置居...

怎么用div布局加css样式做网页
方法\/步骤 1 在桌面建立一个index.htm的文件和main.css的文件,当然你也可以不用main.css的文件,但是为了方便操作,还是建一个吧。只要把记事本另存为就可以了。2 做好这两个文件后我们把网页的基础代码写上去,并使index文件受到main.css的控制,我们右键选择用记事本打开index文件输入代码,并在...

怎么在div标签里加一个css样式
1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围 ...

css动画,div设置了动画,但不希望DIV内部的文字也跟着动?
把文字和背景分别放到两个平级的div中,文字覆盖在背景的上面,然后只需要把动画作用到背景所在的div上,这样文字不受影响就可以保持不动了。而且,这样一来,外框与背景就不需要做反向运动,只需要背景动即可,外框保持不动,这样只需要一个动画,提高了效率:<!DOCTYPE html> <html> <head> <meta ...

如何使外部的css不会影响div内部的所有样式
为了保障100%不会影响,可以在body标签添加一个id属性,然后内部的所有样式全都加上这个id标签;说白就是采用后代选择器的原理;

相似回答
大家正在搜