Có thể thêm border-radius
trên background-image
không?Bán kính viền trên nền ảnh
Trả lời
Hãy thử điều này
div {
border: 10px solid white;
-moz-border-radius: 10px;
background:url(map_background_box_right.png);
}
cho crossbrowser bạn cần -moz-border-radius: 50px; và nếu bạn phải tối ưu hóa nghĩa cũ, bạn không thể làm điều này nếu không có các kịch bản bên ngoài như pie.htc [link] (http://css3pie.com/) –
Có nó có thể:
ảnhdiv {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: none;
width: 500px;
height: 335px;
background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg);
}
Điều này thật tuyệt, nhưng nếu tôi thêm ' background-position: 50px lặp lại nền: không lặp lại'. Hình nền chỉ ** được cắt theo đường viền div. –
Tôi nghĩ rằng không có cách nào để thêm bán kính đường biên trực tiếp vào hình nền, nhưng bạn có thể làm điều đó với một sự gian lận: http://jsfiddle.net/fbDZb/8/ –
David Czinege, cảm ơn, rất tiếc là tôi đã tìm kiếm giải pháp không có div bổ sung. Cảm ơn anyway :-) –
- 1. bán kính đường viền trong lỗi Chrome?
- 2. tạo đường viền bán kính cho div
- 3. với bán kính đường viền và dịch3d
- 4. UItextfiled cách tạo bán kính đường biên và giữ bóng viền cũng bán kính
- 5. Hình dạng bán kính đường viền bắt đầu trong CSS?
- 6. Bán kính đường viền CSS không cắt hình ảnh trên Webkit
- 7. Bán kính đường viền bắt đầu bằng CSS3
- 8. Thêm nền màu và bán kính đường viền vào Bố cục
- 9. Bán kính viền cho tất cả trình duyệt?
- 10. Bán kính đường viền CSS3 cho Canvas HTML5
- 11. Có thể áp dụng bán kính đường viền CSS3Pie cho jQuery UI trên toàn cầu không?
- 12. Vấn đề toán học: Xác định bán kính góc của đường viền bên trong dựa trên bán kính góc/độ dày bên ngoài
- 13. Các mục CSS có bán kính đường viền và cạnh tam giác
- 14. Biên giới bán kính không ảnh hưởng đến các yếu tố bên trong
- 15. Style.DataTrigger trên nền viền
- 16. Có cách nào để đặt lại các thuộc tính CSS của đường viền, bán kính đường viền và màu nền không?
- 17. iphone: bán kính góc nút không được đặt
- 18. Đặt Bán kính góc trên UIImageView không hoạt động
- 19. Làm cách nào để có được bán kính đường viền từ một phần tử bằng jQuery?
- 20. Đường cong thuộc tính CSS bán kính đường viền bên ngoài
- 21. Sử dụng bán kính đường viền CSS lớn hơn nhiều so với kích thước phần tử
- 22. CSS: Cách xóa đường viền bằng cách sử dụng CSS đúng cách khi sử dụng bán kính đường viền?
- 23. Cách Áp dụng Bán kính Góc cho LinearLayout
- 24. Phác thảo mờ trên nút biểu mẫu khi sử dụng hình nền có bán kính đường biên 20px
- 25. Đã xảy ra lỗi trong bán kính Góc Android
- 26. tìm kiếm bán kính theo vĩ độ/kinh độ
- 27. trang bán curl hoạt hình màu nền?
- 28. Tìm điểm trên vòng tròn có điểm trung tâm, bán kính và độ
- 29. Độ dốc bộ lọc IE9 và xung đột bán kính biên giới
- 30. vẽ một vòng tròn bán kính R quanh một điểm
Bối cảnh của một div, hình ảnh nền của trang thực tế ..? Ý anh là gì? Cần thêm thông tin chứ. – Bart
Làm thế nào để câu hỏi này có thể được bình chọn hai lần? Nó có chất lượng rất kém. Bạn đã thử bất cứ điều gì chưa? Bạn đã thử Google chưa? Định nghĩa của bạn là "background-image" bởi vì như @Bart đã đề cập, nó có phải là nền của 'body' của bạn, một' div' ngẫu nhiên hay thậm chí là một phần tử 'pre'? Hãy cụ thể hơn. – Jelmer
1. Hình nền của div 2. Tôi không muốn cắt hình nền theo bán kính đường viền được đặt trên div, vì hình nền của tôi nằm ở giữa và không chạm vào đường viền div để hình nền không phải là ' t cắt. –