2011-11-13 36 views
10

Tôi có một danh sách có một mục trong danh sách chuyển sang phía đông bắc khi tôi di chuột qua nó. Sử dụng margin-topmargin-left chuyển đổi thuộc tính hoạt động nhưng mục được di chuột qua tiếp tục đẩy các phần tử khác vì vậy tôi đã thêm position:relative và thử sử dụng thuộc tính chuyển đổi topleft nhưng dường như không hoạt động.Chuyển đổi CSS3 cho các thuộc tính "trên cùng" và "trái" không hoạt động

Đây là jsfiddle:

list hover

+0

Cậu biết rằng điều này sẽ không làm việc trong các trình duyệt cũ, phải không? – Homer6

Trả lời

9

Bạn đã thử đặt bố mẹ của danh sách của mình. Tôi biết đôi khi người thân có vấn đề trừ khi mục cơ bản cũng tương đối hoặc tuyệt đối. Chỉ là một mặc dù.

+0

vị trí thiết lập: tương đối trên phần tử gốc đã hoạt động, nhờ – user701510

2

Sử dụng position: absolute và nó sẽ mang nó ra khỏi dòng chảy tài liệu bình thường. Bạn cũng có thể cung cấp cho nó z-index: 5 để đảm bảo nó nổi trên các phần tử khác.

37

Thêm trái, mặc định đầu link demo

left: 0px 
+0

nó hoạt động, cảm ơn bạn bro – WildDev

+1

Đây phải là câu trả lời được chọn. – lkraav

+4

Chỉ cần mở rộng theo câu trả lời này: trình duyệt cần biết rõ giá trị bắt đầu và kết thúc là gì để tính chuỗi chuyển tiếp. Người ta có thể giả định hợp lý giá trị bắt đầu sẽ chỉ là giá trị mặc định của thuộc tính nếu không được đặt, nhưng đó không phải là trường hợp. Giá trị bắt đầu và kết thúc phải được khai báo rõ ràng. – Arctic

Các vấn đề liên quan