This
isn??™t a foolproof method, though, and the solution is often to remove the filter from
385 Vendor-specific Properties
the original element, and instead to place it on a nested element that doesn??™t have
position set to relative.
It has also been noted24 that the size of the image used can have an impact on
whether or not the anchors are clickable, but in most cases the solutions already
mentioned above are enough to resolve the issue.
The Shadow25 and DropShadow26 filters can be used to create shadow effects for
HTML elements. The following example uses the DropShadow filter to create a
shadow around an h1 element that has a class of "shadow":
Shadow Heading
Here??™s the rule with which we specify the filter:
h1.shadow {
width: 260px;
color: gray;
filter: progid:DXImageTransform.Microsoft.DropShadow(
offx=2, offy=1, color=#000000);
}
The DropShadow filter accepts offx and offy attribute values, which represent the
offset distance in pixels along the x and y axes respectively, and a color attribute
value for the shadow color.
Pages:
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557