Tôi có một phần tử được định vị hoàn toàn với hình nền phải xuất hiện dưới dạng một dải ngang nhỏ, đạt tới mép của cửa sổ trình duyệt mà không cần thanh cuộn. Làm thế nào tôi có thể làm điều này?HTML, CSS: Làm cách nào để kéo phần tử lên đến cạnh của trang?
6
A
Trả lời
6
Đặt cả hai thuộc tính left
và right
CSS vào 0
.
Kickoff dụ:
<!DOCTYPE html>
<html lang="en">
<head>
<title>SO question 4535198</title>
<style>
#strip {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background-image: url('some.png');
}
</style>
</head>
<body>
<div id="strip"></div>
</body>
</html>
0
Hãy thử điều này:
<style type="text/css">
.hrBar
{
background-image: url('<YOUR_IMAGE_PATH>');
background-repeat: repeat-x;
height: 1px; // Or the Height of your Image
position: absolute;
}
</style>
<div class="hrBar">
</div>
Các vấn đề liên quan
- 1. CSS - Xếp hai phần tử cạnh nhau
- 2. Làm thế nào để thay đổi lớp CSS của một phần tử trang HTML bằng cách sử dụng ASP.NET?
- 3. Mẫu định dạng phần tử CSS/HTML
- 4. Làm cách nào để lấy văn bản thuần túy Bên cạnh phần tử HTML bằng jQuery?
- 5. Đặt lại chiều cao của phần tử HTML qua CSS
- 6. Làm cách nào để buộc cột của tôi luôn kéo dài đến cuối trang?
- 7. kéo điểm đánh dấu bên ngoài bản đồ đến phần tử html
- 8. CSS: Làm cho hai phần tử nổi chồng lên nhau
- 9. HTML/CSS: Tại sao nội dung không kéo dài đến nội dung của nó?
- 10. Làm cách nào để in các phần tử của mảng lặp lại hai lần mỗi cạnh?
- 11. Cách xóa phần tử khỏi luồng HTML/CSS?
- 12. Cách nhắm mục tiêu phần tử HTML từ một lớp cụ thể của phần tử BODY
- 13. Selenium: tìm phần tử "bên cạnh" phần tử khác
- 14. Thanh công cụ kéo lên chỉ sử dụng HTML và CSS trong trình duyệt Android
- 15. Lưu trạng thái của các phần tử html trên trang làm mới
- 16. Chọn phần tử bên trong Div để trang trí CSS
- 17. Văn bản phần tử cập nhật jQuery html mà không ảnh hưởng đến các phần tử HTML của trẻ em
- 18. Làm cách nào để sử dụng hoạt ảnh CSS để trượt phần tử vị trí cố định từ dưới cùng của trang lên trên cùng?
- 19. Làm cách nào để mở rộng nền của phần tử ngoài vùng chứa?
- 20. Chỉ màu một phần của phần tử HTML
- 21. làm cách nào để áp dụng quy tắc css cho phần trước và phần tử tiếp theo trong HTML?
- 22. Làm cách nào để kéo chế độ xem trong UIScrollView bằng cách cuộn gần các cạnh?
- 23. Định vị một phần tử HTML liên quan đến vùng chứa của nó bằng cách sử dụng CSS
- 24. Làm cách nào để bỏ đặt thuộc tính CSS của phần tử bằng jQuery?
- 25. html & javascript: Cách lưu trữ dữ liệu tham chiếu đến các phần tử html
- 26. Phần tử HTML kiểu dựa trên tiêu đề của nó bằng cách sử dụng CSS
- 27. jQuery thay đổi phong cách của phần tử HTML
- 28. CSS - Làm cách nào để buộc các phần tử chiếm 100% không gian còn lại/có sẵn của phần tử gốc mà không mở rộng ra ngoài?
- 29. Làm cách nào để hiển thị 2 phần cạnh nhau?
- 30. Làm cách nào để bạn định vị các phần tử CSS trực tiếp với nhau?