Can anybody here help me fix this IE problem? Works fine in firefox.
Just found out that it doesn't display when the border attributes are added.
border: {
width: 7,
radius: 5
}
Thanks.
Hi Derek, could you post a screenshot of the problem your facing? thanks.
here it is craig, top one is from firefox.
[img=deletebutton snapshot]http://i619.photobucket.com/albums/tt276/dragerderek/balloon.jpg[/img]
Also, is there a way to put a border 1 px wide and still retain the rounded corners?
Hmm this seems a very odd behaviour to be exhibited. How are you adding the image? Through the title option or simply a custom image within the content? I'd advise your to try adding "position: relative;" to the image style and see if that solves your problem (Strange IE z-index bug fix) and if not, get back to me.
Hi craig,
Just tried it using the basic button setting and as I mentioned on the first post, the Close link appears when I don't set the border. Once I added the border, it doesn't show anymore.
JS Code
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" src="JS/jquery-1.3.2.min.js"></script>
<script language="javascript" src="JS/jquery.qtip-1.0.0-beta3.1.js"></script>
<script language="javascript">
$(document).ready(function() {
alert("test");
$("div a").qtip(
{
content:
{ text: 'This is an active list element',
title :
{
text: 'Alert',
button: 'Close'
}
},
position: {
corner: {
target: 'bottomRight',
tooltip: 'leftTop'
}
},
style: {
width:200,
tip: {
corner: 'leftTop',
size:{
x:12,
y:40
}
},
border: {
width: 7,
radius: 5
}
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="j<strong></strong>void(0);">test</a>
</div>
</form>
</body>
</html>
Did a little more tweaking with the border settings and it seems the issue arises when radius is set.
Found out that adding position:relative as you suggested fixed the problem for the above image issue... added it on the a element though.
JS Code
div.qtip-title a
{
position:relative;
}
Thanks for the help Craig.
No problem Derek. This is very much an IE-centric bug in regards to how it handles the z-index of relative elements. Unfortunately there isn't a way round it at the moment but I'll look into it for the next release which is due out shortly if I can ever get these demos finished!
Hello
I just tried in different browsers. This problem is existing only in IE. I am using IE version 7.0.6001 on Windows Vista Business
I am able to see & use all the buttons / options properly in Firefox & Chrome
Hey,Thanks ,I think this thread is good..I got helpful information here.Thanks alot!