http://www.commadot.com/jquery/shadows/ Ok, the first experiment was using a 1x1 image. I didnt fix for IE6 yet, but it's in the ballpark...nothing special happening.
Ok, so the bad part was when I tried to stretch a non-1x1 image with a fade. The fade of the shadow scaled (of course), so that wont work. Luckily there is another way. Thank goodness for positioning. By the way, these arent completely done with a ribbon on them. But I hope these give the basic idea. Should these have rounded corners too? Hmm. Glen On 7/15/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
Brilliant! You totally rock, Glen! Way above and beyond (but please, keep going. ;-) ) Can't wait to see the demo. --Karl _________________ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote: Starting to look at it now. I recently had to do some fancy png shadows. (http://www.sparkt.com/testing.html) I totally gave up on trying to make it a background. Luckily you usually have a workaround. Here is my plan, and Ill work on it now... I am going to make 10 png files, 10x10 with 24-bit transparency. Each one will be be a different opacity. 10%, 20%, etc. The reason to make it 10x10 is to give the edges a fade, so the shadow blurs. Then I am going to try and make your clueTip html, except rather than use the div as a background, I will create a layer div, absolutely positioned underneath. Then offset it with left and top. In fact, if this works, then you could allow the user to define the opacity, and the shadow offset! Ok, Im going to work on a demo. I think it will work though. PNGs stretch nice with width/height attributes. Glen On 7/15/07, Karl Swedberg <[EMAIL PROTECTED]> wrote: > > Hi all, > After I posted the clueTip beta, I realized that something had regressed > and the pngFix code wasn't working properly to get the drop-shadow effect > working in IE6. > > I've worked that part out by, starting with the pngFix code in Jörn's > tooltip plugin (thanks!) and, among other things, changing the > "sizingMethod" attribute from "crop" to "scale." I also re-worked and > simplified the CSS for the clueTip quite a bit. Nevertheless, it's still > looking a little funky, depending on the contents of the clueTip. > > I was wondering if there are any CSS gurus out there who might be able > to look at this in IE6 and help me find a solution. I'm usually able to > tread fairly nimbly through CSS territory, but this issue has me flummoxed. > > > here are thethe files I'm using to try to sort this out: > demo/test page: http://test.learningjquery.com/clue/demo/index.html > style sheet: http://test.learningjquery.com/clue/jquery.cluetip.css > cluetip plugin: http://test.learningjquery.com/clue/jquery.cluetip.js > drop shadow image: http://test.learningjquery.com/clue/shadow.png > > I made all the clueTips "sticky" for easier inspection/manipulation in a > DOM viewer. > > Also, here is a zipped file of everything, including Dimensions, > jquery.js, images, and so on: > http://test.learningjquery.com/clue/ cluetip-test.zip > > Any help at all would be greatly appreciated. > > ** One more thing. I just received a question from someone about the IE > <select> "punch-through" problem and whether the clueTip plugin handles > that. > I started writing a response that I'd like to share with the list, in > case anyone has any strong opinions that I should take into consideration: > > excellent question! The short answer is, no [I haven't accounted for > this IE problem]. But it should. Somehow. That was an oversight on my part. > > That said, I'm a bit torn about how best to go about doing it. Do I bake > it right in to the plugin itself? Do I put in yet another option? If so, > should the default be true (i.e. yes, add the iframe hack with all > corresponding css) or false? > > I wonder if it might be best to leave that problem for the bgIFrame > plugin to solve. (http://jqueryjs.googlecode.com/svn/trunk/plugins/bgiframe/ > ) > It does a great job of it, and I certainly couldn't do any better. On > the other hand, I understand the disadvantages of having to include too many > javascript file references on a single web page. > > > > What are your thoughts? > > Thanks so much, > > --Karl > _________________ > Karl Swedberg > www.englishrules.com > www.learningjquery.com > > > >
