亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

只是看到這里,就感覺老師要用上 JS 來實現了。我自己用純CSS實現的:

.window?{
????position:?fixed;
????top:?50%;
????left:?50%;
????width:?600px;
????height:?400px;
????margin-left:?-300px;
????margin-top:?-200px;
????background:?#eee;
}

在兼容IE6的情況下,可以使用CSS表達式來解決無 position: fixed 和位置定位的問題。

正在回答

2 回答

很想知道樓主設置margin為負數是個什么目的?

0 回復 有任何疑惑可以回復我~
#1

ITer在路上

拿垂直方向來說,設個top:50%,這個時候彈出層剛剛在整個可視窗口中間水平線之下,然后在設置margin-top為彈出層高度值負的一半,這個時候彈出層在垂直方向已經處于整個可視窗口的中間了,水平方向同理可得!
2015-10-11 回復 有任何疑惑可以回復我~

這的確是一種好方法,如果不考慮IE8-的話還有一種更簡潔的方法:

.window?{
????position:fixed;
????top:0;?left:0;?right:0;?bottom:0;
????margin:auto;
}

這種方法無需設置對象的寬高。

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
彈出層效果
  • 參與學習       39056    人
  • 解答問題       162    個

通過本課程的學習讓您能靈活運用知識,制作出超炫的彈出層效果

進入課程
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號