Skip to content
23/05/2011 / bth1000

Tạo menu cố định trên trang web

code css:

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  height: 5em;
  margin-top: -2.5em;/*bằng 1/2 height*/
  border-radius: 3em 0.5em 0.5em 3em;/* bo tròn góc trong FF*/
  box-shadow: 0 1px 3px black;/*đổ bóng*/
  background: hsla(80, 90%, 40%, 0.7);/*độ nét của màu sắc, và độ mờ*/
  z-index: 1;/*chiều cao trục z so với các div khác */
 }

code html:

<ul id=menu>
  <li><a href="#L384">Section 1</a>
  <li><a href="#details">Section 2</a>
  <li><a href="#FAQ">Section 3</a>
</ul>
   Chú ý position ở đây là fixed để cố định vị trí so với trình duyệt, top:50% để đặt div ở vị trí giữa màn hình và right:0 là về phía bên phải.
Với IE5 và IE6 không thực hiện position: fixed vì thế có thể thay thế bằng position: absolute

(chép trên trang http://www.w3.org)

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: