33
4
我正在尝试以不同的方式包装我的网站，以便将背景分为 2 部分。灰色部分是主要背景，还有白色部分，它较小并包装主要内容。
基本上我想要cái nàytrông giống nhưcái này .
我不太确定如何添加图像来创建阴影效果，我也不知道如何创建白色 wrapper 。
câu trả lời hay nhất
正确的看了一眼。让我知道结果。
Trung tâm cá nhân
Điều phát hành
từ bỏ.main-content{
background:#FFFFFF;
width:90%;
margin:0% 4% 0% 5%;
}
简单的解决方法:
.main-content{
-webkit-box-shadow:0px 0px 3px 5px #000000;
-moz-box-shadow:0px 0px 3px 5px #000000;
-o-box-shadow:0px 0px 3px 5px #000000;
box-shadow:0px 0px 3px 5px #0000000;
}
或者你要求的渐变:
.main-content:before{
background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background:-o-linear-gradient(top,rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background:-ms-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background:linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
content:'';
z-index:98;
vị trí: tương đối;
width:105%;
height:400px;
left:-2%;
}
但这种渐变方法仅适用于支持“webkit”及其更新对应部分的浏览器。但我还没有真正测试过它，所以你可能想尝试一下等等。如果你不喜欢它，试试 box-shadow 方法 :)
您需要调整元素 div.bann 以更正一些定位错误。元素中有一个，因为该元素比图像高。
.bann{
width:90%;
height:auto;/*probably can remove this*/
margin:0% 4% 0% 5%;
padding:0px;
}
.bann>img{/*not required if you haven't adjusted the image. You can remove this completely.*/
chiều rộng: 100%;
height:auto;
}
关于CSS 问题 - 包装，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16129341/
33
4
0
đóng cửa. Câu hỏi này lạc đề. Hiện tại nó không chấp nhận câu trả lời. Bạn muốn cải thiện câu hỏi này? Đã cập nhật câu hỏi để nó phù hợp với chủ đề về Stack Overflow. Đóng cửa 12 năm trước Cải thiện điều này
Tôi có một lưới động trong đó chức năng dữ liệu cần hoạt động bình thường để tôi có thể sao chép dữ liệu trong lưới từng bước. Giả sử ở dòng 5, tôi nhập 10, các dòng tiếp theo bắt đầu từ dòng 6 sẽ bắt đầu đọc từ 11, v.v. Nếu tôi đi đến dòng đầu tiên trống và nhập
Tôi gặp vấn đề về việc nút của mình biến mất. Tôi đã đặt một hình ảnh làm nút của mình để tạo hoạt ảnh bằng chức năng này example_animate(px) { $('#cont
Tôi có một trang web có kết nối Facebook và đăng nhập tên người dùng/mật khẩu cổ điển. Hiện tại, nếu người dùng nhấn vào nút facebook_connect thì hệ thống sẽ hoạt động. Tuy nhiên, tôi muốn liên kết tài khoản hiện có với facebook vì người dùng có thể chọn
Tôi có một ứng dụng tôi đang phát triển cho iOS có chức năng sau: tải và đặt chú thích, đồng thời bắt đầu định vị lõi và thu phóng đến vị trí. Có rất nhiều chú thích trên bản đồ và việc tải chúng từ dữ liệu sẽ không mất nhiều thời gian, nhưng thực tế việc hiển thị chúng trên bản đồ sẽ mất một khoảng thời gian.
Tôi đã được giới thiệu Heroku cho dịch vụ lưu trữ Ruby on Rails và cho đến nay tôi nghĩ tôi sẽ thực sự thích nó. Chỉ tự hỏi liệu có ai có thể giúp tôi tìm ra vấn đề là gì không. Tôi đã làm theo hướng dẫn ở đó để tạo một ứng dụng trên trang web đó, tạo và gửi
Tôi đã xem rất nhiều bài đăng và thông tin về lỗi SSL và bản thân tôi cũng tình cờ thấy một bài đăng. Tôi đang cố truy cập một trang web thông qua Android WebView bằng chứng chỉ GlobalSign CA BE nhưng tôi gặp phải lỗi không đáng tin cậy. Đối với hầu hết
Tôi muốn bắt đầu sử dụng OpenGL 3+ và 4 nhưng tôi gặp sự cố khi sử dụng Glew. Tôi đang cố gắng đưa glew32.lib làm phần phụ thuộc bổ sung và tôi đã chuyển thư viện và .dll vào thư mục chính, do đó sẽ không có bất kỳ vấn đề nào về đường dẫn.
Tôi đã xem kỹ mã nguồn của hai trang tải xuống này được một thời gian nhưng dường như tôi không thể tìm ra vấn đề. Tôi có hai trang tải xuống, một trang có javascript hoạt động và một trang không có. Đang hoạt động: http://justupload.it/v/lfd7 thì không
Tôi đang sử dụng jQuery và chỉ đang cố gắng thay thế các trường văn bản và ẩn/hiển thị các mục nội dung khi nhấp vào liên kết. Nó có vẻ hoạt động tốt trong IE, nhưng tôi dường như không thể làm cho nó hoạt động trong FF. jQuery của tôi: $(function() {
Tôi đang cố gắng biên dịch thư viện ổ cắm cho NDK nhưng tôi gặp phải hai lỗi sau: lỗi: 'đóng' không được khai báo trong phạm vi này và lỗi: 'min' không phải là
Tôi đang thử nghiệm một trang web sử dụng khung tự động hóa trình duyệt Selenium. Trong quá trình thử nghiệm, tôi chuyển sang một khung cụ thể, hãy gọi nó là "frame_1". Sau này, tôi đã sử dụng phương thức deselectAll() trong lớp Select. Sớm
Tôi đang cố gắng tạo kết nối tới cơ sở dữ liệu Heroku PostgreSQL thông qua Python. Tôi đang sử dụng Windows10 với Python 3.6.8 và PostgreSQL 9.6. Tôi bắt đầu với "ht
Tôi có một khung dữ liệu có 2 cột và tôi muốn tạo cột thứ ba dựa trên so sánh giữa hai cột. Vậy logic là: Cột 1 val = 3, Cột 2 val = 4, vậy giá trị cột mới không có gì Cột 1 val = 3, Cột 2 va
Tôi muốn biết cách gỡ lỗi các vấn đề về css trong iPhone 5. Tôi đã thử sử dụng plugin firelite. Nhưng khi xoay từ dọc sang ngang, đá lửa chiếm toàn bộ màn hình. Có cách nào khác để gỡ lỗi vấn đề css trong iphone 5 không
Vì vậy, tôi hơi bối rối về lý do tại sao điều này không hoạt động. Tôi đang cố gắng thay thế các hộp kiểm danh mục trên một trang web mẫu mà tôi đang làm việc. Tôi đang cố gắng làm cho nó thực hiện những điều sau: xuất hiện theo một cách khi không được chọn, một cách khác khi được di chuột (được chọn hoặc không được chọn) xuất hiện theo cách thứ ba khi được chọn (thay vì
Câu hỏi về CSS Javascript: Tôi đang sử dụng hộp văn bản để ghi vào div. Tôi sử dụng javascript sau để lấy hộp văn bản thực hiện việc này: function process_input(){
Xin chào, tôi đang gặp khó khăn trong việc hiểu chủ đề về P, NP và giảm thời gian đa thức. Tôi đã thử tìm kiếm nó trực tuyến và hỏi một số bạn bè của mình, nhưng tôi không nhận được câu trả lời thỏa đáng nào. Tôi muốn hỏi một câu chung về chủ đề này: Giả sử A,B là ngôn ngữ trong P (hoặc
Xin chào, tôi đang nghiên cứu https://leetcode.com/problems/2-keys-keyboard/ và đã tìm ra vấn đề lập trình động này. Bạn bắt đầu bằng chữ "A" trên một trang trống và khi hoàn thành, bạn nhận được số n và trang đó sẽ
Tôi đang sử dụng Cocoapod và KIF để chạy tích hợp liên tục trên máy chủ Xcode. Tôi đã thiết lập thành công tính năng này để dự án báo cáo về mọi cam kết. Tôi hiện đang sử dụng dự án thứ hai và gặp lỗi: Vấn đề về Bot: cảnh báo
Tôi là một lập trình viên xuất sắc, rất giỏi!