修改弹出框样式，使其位于屏幕中间，且增加边框

app/views/bids/_homework.html.erb

@@ -35,8 +35,10 @@
                 $('#ajax-modal').html('<%= escape_javascript(render :partial => 'homework_attach/praise_alert') %>');
                 showModal('ajax-modal', '480px');
                 $('#ajax-modal').css('height','240px');
-                $('#ajax-modal').before("<span style='float: right;padding-left: 455px;cursor:pointer;'>" +
+                $('#ajax-modal').before("<span style='float: right;cursor:pointer;'>" +
                         "<a href='#' onclick='hiddent_alert_model();'><img src='/images/bid/close.png' width='26px' height='26px' /></a></span>");
+                $('#ajax-modal').parent().css("top","").css("left","").css("width","511");
+                $('#ajax-modal').parent().addClass("alert_praise");
             <% end %>
         }
 

app/views/homework_attach/show.js.erb

@@ -1,9 +1,11 @@
 $('#ajax-modal').html('<%= escape_javascript(render :partial => 'show',:locals => {:comprehensive_evaluation => @comprehensive_evaluation,:homework => @homework, :teaher_score => @teaher_score}) %>');
-showModal('ajax-modal', '503px');
+showModal('ajax-modal', '513px');
 $('#ajax-modal').css('height','569px');
 $('#ajax-modal').siblings().remove();
-$('#ajax-modal').before("<span style='float: right;padding-left: 455px;cursor:pointer;'>" +
+$('#ajax-modal').before("<span style='float: right;cursor:pointer;'>" +
         "<a href='#' onclick='hidden_homework_atert_form("+
         <%= @cur_page%> + "," + <%= @cur_type%> +
         ");'><img src='/images/bid/close.png' width='26px' height='26px' /></a></span>");
+$('#ajax-modal').parent().css("top","").css("left","");
+$('#ajax-modal').parent().addClass("alert_box");
 

public/stylesheets/css.css

@@ -69,7 +69,7 @@ a.wzan_visited{background:url(images/pic_zan.png) 0 0 no-repeat;}
 
 
 /****评分弹框****/
-
+.alert_box {width:488px;height:550px;position:absolute;z-index:1002;left:50%;top:40%;margin:-215px 0 0 -300px;  background:#fff; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px; box-shadow:0px 0px 8px #194a81; padding:5px; overflow:auto; }
 .alert .close{width:26px;height:26px;overflow:hidden;position:absolute;top:-10px;right:-502px;background:url(images/close.png) no-repeat;cursor:pointer;}
 .alert .C{width:476px;height:296px;position:absolute;left:5px;top:5px;  }
 
@@ -143,6 +143,7 @@ a:hover.tijiao{ background:#0f99a9 !important;}
 .N_search{ height:20px !important; border:1px solid #999 !important;}
 
 /* 匿名评分弹框 */
+.alert_praise{width:480px;height:200px;position:absolute;z-index:100;left:50%;top:50%;margin:-215px 0 0 -300px;  background:#fff; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px; box-shadow:0px 0px 8px #194a81;  overflow:auto;}
 .alert .close02{width:26px;height:26px;overflow:hidden;position:absolute;top:-10px;right:-490px;background:url(images/close.png) no-repeat;cursor:pointer;}
 .ni_con { width:425px; margin:25px 30px;}
 .ni_con h2{ display:block; height:40px; width:188px;  margin:0 auto;}