What techniques are used to put
searchable, but not visible text on
a web page?
|
|
Attribute
Tricks |
<font color="#FFFFFF">This
is five 5</font> |
.hideme
{
visibility : hidden;
} |
|
CSS Tricks |
Bkg
{
color: white;
} |
| DOM Tricks |
function window::onload()
{
document.all.fragment.style.visibility="hidden";
} |
| Background
Color Tricks |
A technique of matching (or
almost matching)
the font color with the
color of the background. The
background is usually an
image.
|
| Off-Screen
Positioning |
.offScreen
{
position : absolute;
left : -3000px;
} |
|
Font Size
Tricks |
.small
{
font-size: 1px;
} |
|
Z-Order
Tricks with layers |
<DIV style="position:absolute;
width:157px; height:90px;
z-index:1; background:white"></div>
<DIV style="position:absolute;
width:157px; height:90px;
z-index:0; background:white">This
text is behind - not
visible</body> |
|
|
|