Tôi đang làm việc trên một dự án gọi hai hình tam giác để giữ hình nền và là liên kết.Hình tam giác với hình nền
Đây là mô phỏng của tôi về cách tôi muốn hai hình tam giác.
Hiện nay, tôi chỉ có hai divs rằng span 900x600 với mỗi tam giác làm hình nền. Vấn đề tôi đang gặp bây giờ là tôi không thể di chuột qua phần trong suốt của Cinema div để tiếp cận div ảnh.
Tôi có thể hoàn thành thiết kế này với hình tam giác css3 và đặt hình nền của chúng không? Tôi luôn nghĩ rằng hình dạng tùy chỉnh được tạo thành từ một đường viền, với một đường viền màu.
Có thể thực hiện với hình tam giác css3 và nếu có, ai đó có thể giúp tôi bằng mã không?
Đây là những gì tôi hiện có.
.pageOption {
position: relative;
width: 900px;
height: 600px;
}
.pageOption .photo {
position: absolute;
top: 0px;
left: 0px;
width: 900px;
height: 600px;
background: url('../images/menuPhoto.png') no-repeat 0 0;
}
.pageOption .cinema {
position: absolute;
bottom: 0px;
right: 0px;
width: 900px;
height: 600px;
background: url('../images/menuCinema.png') no-repeat 0 0;
}
<div class="pageOption">
<a href="#" class="option photo" id="weddingPhoto"></a>
<a href="#" class="option cinema" id="weddingCinema"></a>
</div>
thử css [ 'con trỏ-events'] (https://developer.mozilla.org/en/CSS/pointer-events) bất động sản. – undefined