Adding filter:alpha breaks resizing capability

1) Kevin Group: Guests
IP: 71.218.--.--

Posted:

I tried adding filter:alpha to make the div translucent in IE 6. However I no longer get the resizing handles, nor can I resize the div. Any idea why this is happening? Is there a work-around?

Thanks!

<div class="drsElement drsMoveHandle"
style="left: 150px; top: 280px; width: 50px; height: 100px;
background: #DFC; text-align: center;
filter:alpha(opacity=50);">
Hello
</div>

2) Angus Turnbull Group: Moderators
Posts: 4235 Joined: 7 Dec 2003 Location: New Zealand IP: 202.137.--.--

Posted:

The resize handles display slightly outside the DIV in the default CSS. Haven't tried this myself but I'd suggest either:

1) Reduce the negative margins on the resize handles so they display within the element in question.
2) Putting yuor transparency on an element within the div sized to 100% rather than the div itself, as I'd suspect the IE filter is hard clipping the div at its edges.

- Angus.

3) Ozgur Kaya Group: Guests
IP: 89.106.--.--

Posted:

Same problem happened to me. i tried reducing margins but it didn't solve the problem. i've applied a work-around that increasing the width and height of dragresize css style. so user can see only bottom border of divs on the main div and may realize the resize function.

4) Angus Turnbull Group: Moderators
Posts: 4235 Joined: 7 Dec 2003 Location: New Zealand IP: 202.137.--.--

Posted:

Try the second hint about then...?

- Angus.

Adding filter:alpha breaks resizing capability

Post a Reply: