2012-03-19 23 views
17

Tính năng này có hoạt động trong> iOS 5 không?có đính kèm nền của công việc cố định trong iOS5 không?

.element { 
    background: url(images/myImage.jpg) 50% 0 no-repeat fixed; 
} 

Tôi nghĩ rằng nó nên, nhưng cho đến nay nó không phải là.

+0

Bằng cách nào nó không hoạt động (không cố định, không có nền, v.v ...)? – Connor

+1

Hình nền không có vẻ cố định. Nó cuộn với nội dung. – Dylan

+0

Tôi đã xóa nhận xét trước đó của mình, chỉ cần xem câu trả lời của tôi. – Connor

Trả lời

13

Theo điều này background-attachment support matrix, không.

Another post gợi ý rằng đến với một cách giải quyết cho các thiết bị di động là không đáng giá:

... cả Android và iPhone khối giờ hoặc làm trong di chuyển, vì vậy hiệu quả là divs di chuyển với trang được cuộn và chỉ sau, cuối cùng, các div quay lại vị trí mong đợi. Điều này là chống lại ý tưởng cố định vị trí

+0

Rất tiếc, hy vọng điều này sẽ sớm được hỗ trợ. Tôi sẽ thử một tài sản khác. – Dylan

27

Bạn có thể sử dụng yếu tố riêng biệt và position: fixed hoạt động!

HTML:

<div id="Background"></div> 

<div id="Content"></div> 

CSS:

#Background { 
    background: #000 url("img/Background.jpg") no-repeat 50% 0; 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    z-index: -1 
} 
+3

Thêm mục này vào #Background: z-index: -1; – Jeff

+1

Không chắc chắn lý do tại sao điều này chưa được bình chọn trước đây - đây là cách chính xác để xử lý vấn đề, điều đáng nói ở đây là không thể thay đổi 'background-attachment', * HOWEVER * cách chính xác để có được kết quả mong muốn là '' với '# bg-img {vị trí: cố định}' – Brian

+0

@Brian Ngữ nghĩa, chắc chắn; nếu đó là hình ảnh, hãy sử dụng thẻ hình ảnh. Tuy nhiên, có một số lợi thế khi sử dụng 'background-image'. Bằng cách đặt thuộc tính 'top',' bottom', 'left' và' right', chúng tôi đảm bảo toàn bộ chế độ xem được bao phủ bởi phần tử '# Background', nhưng bản thân hình ảnh sẽ không bị kéo dài. Sau đó, bạn có thể sử dụng 'background-position' để căn chỉnh hình ảnh ở dưới cùng bên phải (nếu muốn) và 'background-size' để chia tỷ lệ hình ảnh thành chế độ xem. – shshaw

0

Có quá nhiều vấn đề với vị trí cố định trên các thiết bị di động và cảm ứng.

Khi nền không hoạt ảnh theo bất kỳ cách nào (mờ, css transistions bất kỳ JS) VÀ miễn là không có thanh cuộn thì có thể sử dụng và nhất quán.

Mọi thứ khác sẽ-tùy thuộc vào kết quả browser- trong các kết quả không mong muốn, hình ảnh pixelation, hình ảnh rộng 100 lần trên các thiết bị IOS, "nhảy" divs, vv

Công việc tốt nhất xung quanh phương pháp tôi đã tìm thấy cho đến nay, nói , nếu bạn muốn sao chép một trang cuộn BG cố định, là sử dụng phương pháp thị sai, có một div như cuộn, tiếp theo với nền trong suốt, hãy rửa lại.

Có vẻ đủ tốt và tôi không cần plugin.

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