Bug Tracker

Modify

Ticket #1892 (closed bug: worksforme)

Opened 6 years ago

Last modified 15 months ago

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:1 Changed 6 years ago by Vik_R

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

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.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.