Modify ↓
Ticket #1892 (closed bug: worksforme)
fadeOut Doesn't Work on this HTML in Safari
| Reported by: | Vik_R | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.2.2 |
| Component: | core | Version: | 1.2.1 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
fadeOut works on this html in FireFox 2, but not in Safari 2.
jQuery code:
$(".rounded_corners_dialog").fadeTo(5000, 1).fadeOut('slow');
HTML:
<div class="rounded_corners_dialog"> <div class="content"> <div class="t"> </div> <br />Message to the User. </div> <div class="b"> <div> </div> </div> </div>
CSS:
/* Rounded Corners */
/* http://www.schillmania.com/content/projects/even-more-rounded-corners/ */
.rounded_corners_dialog {
position:relative;
margin:0px auto;
min-width:8em;
max-width:760px;
color:#fff;
z-index:1;
margin-left: 10%;
width: 75%;
margin-bottom:0.5em; /* spacing under rounded_corners_dialog */
}
.rounded_corners_dialog .content,
.rounded_corners_dialog .t,
.rounded_corners_dialog .b,
.rounded_corners_dialog .b div {
background:transparent url(http://localhost:8888/images/dialog2-blue-800x1600.png) no-repeat top right;
_background-image:url(http://localhost:8888/images/dialog2-blue.gif);
text-align:center;
}
.rounded_corners_dialog .content {
position:relative;
zoom:1;
_overflow-y:hidden;
padding:0px 12px 0px 0px;
}
.rounded_corners_dialog .t {
/* top+left vertical slice */
position:absolute;
left:0px;
top:0px;
width:12px; /* top slice width */
margin-left:-12px;
height:100%;
_height:1600px; /* arbitrary long height, IE 6 */
background-position:top left;
}
.rounded_corners_dialog .b {
/* bottom */
position:relative;
width:100%;
}
.rounded_corners_dialog .b,
.rounded_corners_dialog .b div {
height:30px; /* height of bottom cap/shade */
font-size:1px;
}
.rounded_corners_dialog .b {
background-position:bottom right;
}
.rounded_corners_dialog .b div {
position:relative;
width:12px; /* bottom corner width */
margin-left:-12px;
background-position:bottom left;
}
Change History
comment:2 Changed 5 years ago by davidserduke
- need changed from Review to Test Case
- Status changed from new to closed
- Resolution set to worksforme
Based on the report of "works for me" from the author and lacking any additional information I'm going to close this. Feel free to reopen it if a new test case that fails comes around.
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

Update - it's working now. I don't believe I changed anything - so I have no idea yet what happened.