cuốn sách gpt4 ai đã làm

html - Hộp bong bóng (trò chuyện) css3

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

Tôi đang tạo một hộp trò chuyện cho trang web của mình. Trong đó tôi sử dụng css3 để tạo thiết kế tin nhắn. Tôi gặp sự cố khi thiết kế trên Firefox, nó hoạt động tốt trong Chrome.

Đây là bức tranh--

Trình duyệt FireFox:

Hình ảnh này là của firefox

trình duyệt Chrome

nhập mô tả hình ảnh ở đây

trả lời css của tôi

.chat 
{
position: relative;
chiều rộng tối đa: 240px;
phần đệm: 3px;
nền: #fff;
đường viền: #D1D2D4 4px;
-webkit-biên giới-bán kính: 10px;
-moz-biên giới-bán kính: 10px;
bán kính đường viền: 7px;
lề trái: 15px;
nổi:trái;
hiển thị: khối nội tuyến;
word-wrap: ngắt từ;
khoảng trắng: bọc trước;
}

.chat:sau
{
nội dung: "";
position: absolute;
trên cùng: 6px;
trái: -7px;
kiểu viền: liền khối;
chiều rộng đường viền: 5px 7px 5px 0;
màu viền: trong suốt #fff;
display: block;
chiều rộng: 0;
}

.chat: trước đây
{
nội dung: "";
position: absolute;
trên cùng: 2px;
trái: -12px;
kiểu viền: liền khối;
chiều rộng đường viền: 8px 11px 8px 0;
màu viền: trong suốt #D1D2D4;
display: block;
chiều rộng: 0;
chỉ số z: 0;
}

Tôi cần thiết kế chrome có thể hoạt động trong tất cả các trình duyệt chính. Giúp tôi tạo css cho thiết kế này hoạt động trên tất cả các trình duyệt.

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

hiện hữu:trước:sau đóThêm một cái vàochiều cao:0

vĩ cầm làm việc

Về html - hộp bong bóng (trò chuyện) css3, 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/24116580/

26 4 0
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
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