view

<% flash.each do |name, msg| %>

 <div id="flash_field" style="width:100%;position: fixed; z-index: 4;">

   <div style="font-size:20px;margin: 200px auto;width: 300px;background: #3696E0;padding: 20px;">

     <span class="close" id="close_flash" style="float:right;" ></span>

     <div class="alert_h"><%=msg%></div>

   </div>

 </div>

<% end %>

js

$(function(){

$("#close_flash").click(function() {

$("#flash_field").hide();

$(".tab_alert").hide();

});

$("#flash_field").fadeOut(2000);

})

css

.close {

   background: url(/assets/close.png) no-repeat;

   cursor: pointer;

   display: block;

   height: 17px;

   width: 17px;

text-indent: -999px;

overflow: hidden;

}