StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCss background file inside of Chrome Ex. spilling over and affecting css on normal webpages
text
Body
copied!<p>I am working on a chrome extension and I recently moved all of the css from inside of the popup.html file to a new .css file to try and clean up the code some. </p> <p>Well when we were testing we started seeing some funny behavior on some web pages that we visited a lot and it took a bit to connect it with the extension. Once we did I did some digging and realized that there were css tags inside of my css that were the same as the ones on the pages being affected and that my css was overriding the css on the page. </p> <p>I have looked around on google and on stack and it seems as though I am the only one with this problem. Anyone got any ideas why this would be happening. </p> <p>---Edit---</p> <p>Sorry I should of been more specific, I did use programmatic injection as described on the chrome documentation site here is my manifest and part of the head of my popup.html file:</p> <p>Manifest.json file</p> <pre><code> { "background_page": "background.html", "browser_action": { "default_icon": "loggedout.png", "popup": "popup.html" }, "content_scripts": [ { "js": [ "content/overlay.js", "content/jquery.js","content/jquery.watermark.min.js"], "css": ["popup.css"], "matches": [ "http://*/*", "https://*/*" ], "run_at": "document_start" } ], </code></pre> <p>Popup.html file</p> <pre><code> <html> <head> <link rel="stylesheet" href="popup.css" type="text/css"> ....... other includes </head> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload