userstyles.org - Show transparency of in-page images on hover

Replaces images background by a white-grey grid while hovered, so you can see whether/how transparent it is.

Complicated selector is because of compatibility with the Center images (+ dynamic background), which this one initially came from (you can merge them again and prevent some duplicity of code).

Notes: obviously, does not work with "images" placed as background-images.

Change log:
2008-01-09 : added inverted dotted outline for hovered images: this will reveal whether the image is placed as real "IMG" or not.
2009-01-23 : only -> first

Notes:
- "invert" IS a valid value of "outline-color" property -- so ignore installation warning. See http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color
- If you want to be sure that the hovered image is not "unnaturally" resized: Resize Images to Maximum Size when Mouse Hovers

To use this style, install Firefox and Stylish. If you already have Stylish, make sure this site is allowed to run JavaScript.

(Though installing Stylish is recommended, if your browser supports user scripts, you can also install this style as a user script.)

Show transparency of in-page images on hover
347
4678
Advertisement
Author myf
License CC BY
Created Jan 7, 2008
Updated Jan 23, 2009
Installs (this week) 1
Installs (total) 721
Show CSS

Feedback

Discussions

No discussions posted yet. Be the first to ask a question or review this style.