Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

css - Lỗi tràn ẩn trong safari/opera

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 18:51:09 27 4
mua khóa gpt4 Nike

Mã số:http://jsfiddle.net/B6DsF/15/

Tôi đã nghiên cứu hàng giờ đồng hồ mà vẫn trắng tay. Tính năng ẩn tràn không thành công trong safari/opera nhưng hoạt động trong chrome/ff/ie. Việc xóa vị trí tương đối khỏi trình bao bọc khiến nó hoạt động trong safari nhưng vẫn không thành công trong opera. Bất kỳ trợ giúp được đánh giá rất cao.

HTML:

 Nhắn tin tại đây

CSS

div.folio-wrap {
chiều rộng: 136px;
chiều cao: 136px;
display: block;
top: 0;
margin: 0;
padding: 0;
vị trí: tương đối !quan trọng;
tràn: ẩn !quan trọng;
text-align: center;
lặp lại nền: không lặp lại;
vị trí nền: trung tâm;
đường viền: 2px #3b3b3b;
-moz-biên giới-bán kính: 70px;
-webkit-biên giới-bán kính: 70px;
-ms-biên giới-bán kính: 70px;
bán kính đường viền: 70px;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0,85);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0,85);
bóng hộp: 0 0 12px rgba(0, 0, 0, 0,85);
-moz-filter: độ mờ màu nâu đỏ (0,8) (0,25);
-webkit-filter: độ mờ màu nâu đỏ (0,8) (0,25);
-ms-filter: độ mờ màu nâu đỏ (0,25) (0,3);
bộ lọc: màu nâu đỏ (0,8) độ mờ (0,25);
-moz-transition: dễ dàng nhất 0,3 giây, -moz-filter dễ dàng 0,8 giây, dễ dàng lọc 0,8 giây, độ mờ dễ dàng 0,8 giây, dễ dàng viền 0,5 giây;
-webkit-transition: dễ dàng nhất 0,3 giây, dễ dàng -webkit-filter 0,8 giây, lọc dễ dàng 0,8 giây, độ mờ dễ dàng 0,8 giây, dễ dàng viền 0,5 giây;
-ms-transition: dễ dàng trên 0,3 giây, dễ dàng -ms-filter 0,8 giây, dễ dàng lọc 0,8 giây, độ mờ dễ dàng 0,8 giây, dễ dàng viền 0,5 giây;
quá trình chuyển đổi: dễ dàng nhất 0,3 giây, dễ dàng -moz-filter 0,8 giây, dễ dàng -webkit-filter 0,8 giây, dễ dàng -ms-filter 0,8 giây, dễ dàng lọc 0,8 giây, độ mờ 0,8 giây dễ dàng, đường viền dễ dàng 0,5 giây;
}

div.folio-wrap:hover {
trên cùng: -4px;
đường viền: 2px #6b6b6b;
-moz-filter: màu nâu đỏ(0) độ mờ(1);
-webkit-filter: độ mờ màu nâu đỏ (0) (1);
-ms-filter: màu nâu đỏ(0) độ mờ(1);
bộ lọc: màu nâu đỏ (0) độ mờ (1);
}

div.folio-wrap > a.folio-text {
chiều rộng: 128px;
chiều cao: 50px;
display: block;
lề: 80px tự động 0 tự động;
phần đệm: 3px;
cỡ chữ: 10px;
độ dày phông chữ: đậm;
màu: #f0f0f0 !quan trọng;
bóng văn bản: 0px 0px 2px rgba(0, 0, 0, 0.8);
lý lịch: #ababab;
nền: -moz-tuyến tính-gradient(top, rgb(90, 90, 90) 0%, rgb(255, 255, 255) 100%);
nền: -webkit-tuyến tính-gradient (trên cùng, rgb (90, 90, 90) 0%, rgb (255, 255, 255) 100%);
nền: -ms-tuyến tính-gradient(top, rgb(90, 90, 90) 0%, rgb(255, 255, 255) 100%);
nền: gradient tuyến tính (trên cùng, rgb(90, 90, 90) 0%, rgb(255, 255, 255) 100%);
đường viền trên cùng: 1px liền khối #6b6b6b;
-moz-transition: tất cả 0,3 giây đều dễ dàng;
-webkit-transition: tất cả đều dễ dàng 0,3 giây;
-ms-transition: tất cả 0,3 giây đều dễ dàng;
chuyển tiếp: tất cả đều dễ dàng 0,3 giây;
}

div.folio-wrap > a.folio-text:hover {
    màu sắc: #2b2b2b !quan trọng;
    bóng văn bản: 0px 0px 2px rgba(255, 255, 255, 1);
}

câu trả lời hay nhất

Cần thay đổi vị trí: tương đối thành tĩnh.

Về css - lỗi tràn ẩn trong safari/opera, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/14916326/

27 4 0
Bài viết khuyến nghị: Bản in Lisp của Emacs
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress