1

ブートストラップ アラートを変更して、他の div を下に移動せずにコンテンツの上部に表示されるようにしましたが、問題は、アプリケーションが警告、エラー、または成功メッセージを同時に表示できるが、互いに重なっているということです。

これが私のアラートのcssです：

.alert {
  position: absolute;
  z-index: 999999;
  width: 800px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

編集：jsfiddleの例は次のとおりです

編集 2: Praveen のおかげで、ここに私のアプリに合ったコードがあります: jsfiddle の最終的なコード

4

1 に答える 1

2

位置がabsoluteであるため、この問題に直面しています。このrelativeようにします：

.alert {
  position: relative;

フィドル: http://jsfiddle.net/praveenscience/Q6nA9/2/

于 2013-06-10T18:18:52.020 に答える