Javascript 我想在jquery厚框中显示一个正在加载的图像,下面有文本

Javascript 我想在jquery厚框中显示一个正在加载的图像,下面有文本,javascript,jquery,jquery-ui,jquery-ui-dialog,Javascript,Jquery,Jquery Ui,Jquery Ui Dialog,我正在jquery thickbox中打开一个iframe。我想在iframe加载时显示一个加载图像,下面有一些文本。我做了每次登录,但我的问题是如何创建css,使加载的图像和下面的文本位于每个浏览器中jquery thickbox的中心。试试这个-- 你的文字。。。 #提交页{ 边框:1px纯黑; 宽度:746px; 高度:201px; 背景:#0ff; z指数:99; 位置:固定; 左:50%; 顶部:90px; 左边距:-373px; 线高:201px; 文本对齐:居中; 颜色:#f00

我正在jquery thickbox中打开一个iframe。我想在iframe加载时显示一个加载图像,下面有一些文本。我做了每次登录,但我的问题是如何创建css,使加载的图像和下面的文本位于每个浏览器中jquery thickbox的中心。

试试这个--


你的文字。。。
#提交页{
边框:1px纯黑;
宽度:746px;
高度:201px;
背景:#0ff;
z指数:99;
位置:固定;
左:50%;
顶部:90px;
左边距:-373px;
线高:201px;
文本对齐:居中;
颜色:#f00;
}
#提交页img{
右边距:10px;
边界:无;
}
<div  id="submitPage">
  <img src="loading.gif" alt="">
  Your text...
</div>

#submitPage {
  border: 1px solid black;
  width: 746px;
  height: 201px;
  background: #0ff; 
  z-index: 99;
  position: fixed;
  left: 50%;
  top: 90px;
  margin-left: -373px;
  line-height: 201px;
  text-align: center;
  color: #f00;
}
#submitPage img{
  margin-right: 10px;
  border: none;
}