2014-11-21 11 views
19

Trong chế độ xem danh mục của chúng tôi (cửa hàng trực tuyến), chúng tôi sử dụng javascript để có được các chế độ xem khác nhau của sản phẩm và chia tỷ lệ hình ảnh bằng CSS. 3 liên tiếp/4 hoặc 5/Sử dụng biến đổi: kết quả tỷ lệ trong hình ảnh mờ

enter image description here

Giao diện mặc định là 4:

-webkit-transform: scale(0.83); 
-moz-transform: scale(0.83); 
-ms-transform: scale(0.83); 
-o-transform: scale(0.83); 
transform: scale(0.83); 

công trình Tất cả mọi thứ nhưng những hình ảnh trông rất mờ trong safari. Có cách nào để cải thiện kết xuất cho safari không? ảnh lớn hơn: http://i.stack.imgur.com/NaFeB.jpg

enter image description here

Trả lời

40

nó hoạt động nếu bạn thiết lập lại bộ lọc mờ trong safari:

-webkit-filter: blur(0px); 

ví dụ cho tất cả các trình duyệt:

filter: none; 
-webkit-filter: blur(0px); 
-moz-filter: blur(0px); 
-ms-filter: blur(0px); 
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); 

hy vọng nó sẽ giúp

+2

Hoàn hảo! hoạt động như một sự quyến rũ! :) – grindking

+1

Tại sao lại bao gồm các tiền tố khác để khắc phục sự cố chỉ với Safari? –

+2

cho chrome (và tôi tin rằng Safari), chỉ -webkit-filter: blur (0) là hữu ích – vcarel

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