Câu hỏi được gắn thẻ «background-image»

Làm cách nào để sử dụng gradient CSS3 cho tôi background-colorvà sau đó áp dụng một background-imageđể áp dụng một số loại kết cấu trong suốt nhẹ?

1251 css  background-image  gradient 

Câu trả lời của câu hỏi này là một nỗ lực của cộng đồng . Chỉnh sửa câu trả lời hiện có để cải thiện bài này. Nó hiện không chấp nhận câu trả lời hoặc tương tác mới. Trong trường hợp nào thì thích hợp hơn để sử dụng …

777 html  css  image  background-image 

Tôi đã xem xét nguồn gốc của một mô tả người dùng greasemonkey và nhận thấy những điều sau đây trong css của họ: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Tôi có thể đánh giá cao rằng một tập lệnh greasemonkey sẽ muốn gói bất cứ thứ gì nó …

475 css  base64  background-image  data-uri 

Tôi có một tệp JPEG mà tôi đang sử dụng làm hình nền cho trang tìm kiếm và tôi đang sử dụng CSS để đặt nó vì tôi đang làm việc trong bối cảnh Backbone.js : background-image: url("whatever.jpg"); Tôi muốn áp dụng một bộ lọc mờ CSS 3 chỉ để …

467 css  background-image  css-filters 

Tôi muốn hiển thị hình ảnh từ một URL có chiều rộng và chiều cao nhất định ngay cả khi nó có tỷ lệ kích thước khác nhau. Vì vậy, tôi muốn thay đổi kích thước (duy trì tỷ lệ) và sau đó cắt hình ảnh theo kích thước tôi …

332 html  css  background-image  image 

Tôi có một hình nền trong div sau, nhưng hình ảnh bị cắt bỏ: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Có cách nào để hiển thị hình ảnh nền mà không cắt nó?

331 html  css  background-image 

Có thể có hai hình ảnh nền? Chẳng hạn, tôi muốn có một hình ảnh lặp lại trên đầu trang (lặp lại x) và một hình ảnh khác lặp lại trên toàn bộ trang (lặp lại), trong đó hình ảnh trên toàn bộ trang nằm phía sau hình ảnh lặp …

316 css  background-image 

Tôi có một DIV và tôi muốn đặt một mô hình làm nền. Mẫu này có màu xám. Vì vậy, để làm cho nó đẹp hơn một chút, tôi muốn đặt một "lớp" màu trong suốt nhẹ hơn. Dưới đây là những gì tôi đã cố gắng nhưng không hiệu …

213 css  background-image  background-color 

Tôi có một trang web (g-floors.eu) và tôi muốn tạo nền (trong css tôi đã xác định hình ảnh bg cho nội dung) cũng đáp ứng. Thật không may, tôi thực sự không có bất kỳ ý tưởng nào về cách làm điều này ngoại trừ một điều mà tôi …

195 css  responsive-design  background-image  image-resizing 

Tôi có bảng màu mà tôi tô màu xanh nếu bảng này đang được chọn (nhấp vào bảng). Ngoài ra, tôi thêm một dấu hiệu nhỏ ( .pnghình ảnh) vào bảng đó, cho biết bảng đã chọn đã được chọn trước đó. Vì vậy, nếu người dùng nhìn thấy ví …

168 css  background  background-image  background-color 

Có thể đặt phần tử background-imageSVG <path>không? Chẳng hạn, nếu tôi đặt thành phần class="wall", kiểu CSS .wall {fill: red;}hoạt động, nhưng .wall{background-image: url(wall.jpg)}không, cũng không .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Tôi muốn xoay hình ảnh được đặt trong nút của thanh cuộn trong Chrome. Bây giờ tôi có một CSS với nội dung này: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Tôi muốn xoay hình ảnh mà không xoay nội dung của nó.

160 css  background-image  image-rotation 

Mục tiêu của tôi là tạo một trang HTML tương tự như "khung ảnh". Nói cách khác, tôi muốn tạo một trang trống được bao quanh bởi 4 hình ảnh. Đây là mã của tôi: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td …

141 html  css  html-table  background-image 

Tôi đang cố gắng tạo hiệu ứng "làm mờ dần dần" bằng cách sử dụng chuyển tiếp CSS. Nhưng tôi không thể làm điều này để làm việc với hình nền ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: …

121 css  background  background-image  css-transitions 

Tôi muốn đặt hình nền thành các div khác nhau, nhưng vấn đề của tôi là: Kích thước của hình ảnh là cố định (60px). Thay đổi kích thước của div Làm cách nào để kéo giãn hình nền để lấp đầy toàn bộ nền của div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; …

102 css  html  background  background-image