CSS如何避免干扰(插入其它页面)_html/css_WEB-ITnose
需求是这样的,浏览器插件开发,需要在任何页面插入一个Div,fixed 在右上角。样式很简单,但是鉴于页面情况复杂,经常会被各种页面的样式干扰,导致div的显示内容乱七八糟。
目前使用iframe解决,ifame自己有独立的样式,不受主页面干扰,但是问题是,ifarme限制很多,有些页面是不允许加载的,因为iframe是调取的外站内容,要控制它也很难,出于安全性,浏览器在某些网址还会阻止iframe加载。
有没有什么好的办法,让我的插入div样式不受主页面样式的干扰?
回复讨论(解决方案)
把所有可能影响到的样式都重写一遍
1.基于叠层的定义
2.更详细的属性定义
3.受到干扰 说明 全局性质的定义不够充分 如果一个定义是会影响其他后来的东西 那么说明这个定义是你期望的全局风格化的
ok,缩减了样式,样式简单了。
1.基于叠层的定义
2.更详细的属性定义
3.受到干扰 说明 全局性质的定义不够充分 如果一个定义是会影响其他后来的东西 那么说明这个定义是你期望的全局风格化的
关键是我不知道一共有多少样式需要设置。
ok,缩减了样式,样式简单了。

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

The necessity of registering VueRouter in the index.js file under the router folder When developing Vue applications, you often encounter problems with routing configuration. Special...
