http://simonwillison.net/2008-10-01T01:48:15+00:00Simon Willison2008-10-01T01:48:15+00:002008-10-01T01:48:15+00:00https://simonwillison.net/2008/Oct/1/whatwg/#atom-tag

<p><strong><a href="http://blog.whatwg.org/this-week-in-html-5-episode-7">This Week in HTML 5 - Episode 7: Clickjacking</a></strong></p> Clickjacking is when a third party site is embedded in an iframe with opacity 0 and positioned such that a click on the page actually hits a button on the now invisible third party site. Mark Pilgrim explains how the NoScript site uses this in a non malicious way to for the “install now!” button. <p>Tags: <a href="https://simonwillison.net/tags/clickjacking">clickjacking</a>, <a href="https://simonwillison.net/tags/html5">html5</a>, <a href="https://simonwillison.net/tags/iframes">iframes</a>, <a href="https://simonwillison.net/tags/mark-pilgrim">mark-pilgrim</a>, <a href="https://simonwillison.net/tags/noscript">noscript</a>, <a href="https://simonwillison.net/tags/opacity">opacity</a>, <a href="https://simonwillison.net/tags/phishing">phishing</a>, <a href="https://simonwillison.net/tags/security">security</a></p>

2008-06-19T18:09:13+00:002008-06-19T18:09:13+00:00https://simonwillison.net/2008/Jun/19/when/#atom-tag

<p><strong><a href="http://allinthehead.com/retro/328/when-bugs-collide-fixing-text-dimming-in-firefox-2">When Bugs Collide: Fixing Text Dimming in Firefox 2</a></strong></p> Handy tips from Drew on fixing the glitchy text rendering in Firefox 2 when you animate opacity without breaking alpha-transparent PNGs in IE6. <p>Tags: <a href="https://simonwillison.net/tags/browsers">browsers</a>, <a href="https://simonwillison.net/tags/bugs">bugs</a>, <a href="https://simonwillison.net/tags/css">css</a>, <a href="https://simonwillison.net/tags/drew-mclellan">drew-mclellan</a>, <a href="https://simonwillison.net/tags/firefox">firefox</a>, <a href="https://simonwillison.net/tags/firefox2">firefox2</a>, <a href="https://simonwillison.net/tags/ie6">ie6</a>, <a href="https://simonwillison.net/tags/javascript">javascript</a>, <a href="https://simonwillison.net/tags/jquery">jquery</a>, <a href="https://simonwillison.net/tags/opacity">opacity</a>, <a href="https://simonwillison.net/tags/pngs">pngs</a></p>

2008-03-17T02:00:44+00:002008-03-17T02:00:44+00:00https://simonwillison.net/2008/Mar/17/brief/#atom-tag

<p><strong><a href="http://www.css3.info/a-brief-introduction-to-opacity-and-rgba/">A brief introduction to Opacity and RGBA</a></strong></p> The CSS opacity property is inherited by an element’s children; opacity set using the new rgba() declaration in CSS 3 differs in that it is not inherited. <p>Tags: <a href="https://simonwillison.net/tags/css">css</a>, <a href="https://simonwillison.net/tags/css3">css3</a>, <a href="https://simonwillison.net/tags/opacity">opacity</a>, <a href="https://simonwillison.net/tags/rgba">rgba</a></p>

2007-09-10T23:58:15+00:002007-09-10T23:58:15+00:00https://simonwillison.net/2007/Sep/10/shaun/#atom-tag

<p><strong><a href="http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom">Styling File Inputs with CSS and the DOM</a></strong></p> Clever hack to style the un-stylable: set the opacity of the file input to 0, then use a bit of JavaScript to make sure the (now invisible) browse button is always under the mouse. <p>Tags: <a href="https://simonwillison.net/tags/css">css</a>, <a href="https://simonwillison.net/tags/fileinput">fileinput</a>, <a href="https://simonwillison.net/tags/opacity">opacity</a>, <a href="https://simonwillison.net/tags/shauninman">shauninman</a></p>