Get flash to fully experience Pearltrees
1. position:static The default positioning for all elements is position:static , which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had been previously set. 2. position:relative If you specify position:relative , then you can use top or bottom , and left or right to move the element relative to where it would normally occur in the document.
The background patterns in this demo are created using nothing but CSS3 linear-gradients that are tiled. The patterns below are borrowed (with slight modifications) from Lea Verou's CSS3 Patterns Gallery and from her original post on the topic of building patterns with gradients. These demos work properly in IE 9 thanks to PIE. They do not work in IE 6-8 due to lack of support for sizing/positioning of linear-gradient as a tiled background.
Browser support The patterns themselves should work on Firefox 3.6+ , Chrome , Safari 5.1 , Opera 11.10+ and IE10+ . However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients).