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

html - Làm cách nào để giữ lớp phủ ở cùng một vị trí trên màn hình ở các độ phân giải khác nhau?

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

Tôi chưa tìm thấy câu trả lời phù hợp với mình - Tôi hy vọng ai đó có thể giúp đỡ. Tôi thiếu kỹ năng CSS ...

Tôi đang hiển thị một video trên trang web sẽ có lớp phủ văn bản. Vấn đề của tôi là trên màn hình của tôi, lớp phủ ở đúng vị trí. Khi nó được chiếu lên màn hình lớn, lớp phủ nằm sai vị trí.

Chiến lược tốt nhất để giải quyết vấn đề này là gì? Lớp phủ định vị trong CSS? Sử dụng tấm? Mã như sau...

CSS:

.băng hình {
vị trí: tuyệt đối;
dưới cùng: 0px;
trái:0px;
chiều rộng: 50%;
chiều cao: 80%;
}

#vidPlayer {
vị trí: tuyệt đối;
dưới cùng:-100px;
trái:0px;
chiều rộng: 100%;
display:block;
chỉ số z:99;
}

.overlayLabel {
cỡ chữ:xx-lớn;
font-weight:in đậm hơn;
kiểu chữ: nghiêng;
màu sắc: trắng cổ;
vị trí: tuyệt đối;
căn chỉnh văn bản:giữa;
dưới cùng:50px;
trái:100px;
chiều rộng: 900px;
đường viền:2px màu đỏ đậm;
chỉ số z: 2147483647;
}

HTML:









Những thay đổi của tôi đã giải quyết được những vấn đề tôi gặp phải sau đây:

  • CSS để hiển thị lớp phủ có văn bản trên video (văn bản được đặt động)
  • Video hiện có kích thước phù hợp
  • Lớp phủ được định vị chính xác bất kể kích thước màn hình

    .băng hình {
    vị trí: tương đối;
    chiều rộng: 100%;
    chiều cao: tự động;
    }

    #vidPlayer {
    chỉ số z:99;
    vị trí: tương đối;
    chiều rộng: 100%;
    chiều cao:100%;
    }

    .overlayLabel {
    chỉ số z: 2147483647;
    vị trí: tuyệt đối;
    hình nền:url ("Hình ảnh/test.png");
    -webkit-transform: xoay (13deg);
    -moz-transform: xoay (13deg);
    -ms-transform: xoay (13deg);
    -o-transform: xoay(13deg);
    biến đổi: xoay(13deg);
    cỡ chữ:xx-lớn;
    font-weight:in đậm hơn;
    căn chỉnh văn bản:giữa;
    màu: đen;
    đáy: 44%;
    trái: 37%;
    chiều rộng: 30%;
    chiều cao: 24%;
    }

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

Bạn cần làm cho thiết kế của bạn đáp ứng.

Bạn có thể sử dụng truy vấn phương tiện CSS để có các quy tắc kiểu khác nhau nhằm định vị nhãn/văn bản của mình ở các độ phân giải (chiều rộng) khác nhau. Nhìn thấy cái này .

Hoặc bạn có thể sử dụng %, vh, vw Thay thế bằng các đơn vị đáp ứng px Để định vị.

Tôi thích sử dụng truy vấn phương tiện hơn.

Làm cách nào để giữ lớp phủ ở cùng một vị trí trên màn hình ở các độ phân giải khác nhau? , 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/30560788/

25 4 0
Bài viết khuyến nghị: android — Các thẻ UL chồng chéo trên DIV
Bài viết khuyến nghị: c - lắp ráp sâu
Bài viết khuyến nghị: Ký tự rộng C - cách sử dụng chúng?
Bài viết khuyến nghị: Làm cách nào để sử dụng LineStart pyparsing?
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