第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

三角形形狀與背景圖像

三角形形狀與背景圖像

我正在一個(gè)項(xiàng)目中,該項(xiàng)目需要兩個(gè)三角形來保存背景圖像并成為鏈接。這是我模擬兩個(gè)三角形的方式。三角形與背景圖像目前,我只有兩個(gè)div,它們跨越900x600,每個(gè)三角形都作為背景圖像。我現(xiàn)在遇到的問題是我無法將鼠標(biāo)懸停在Cinema div的透明部分上才能到達(dá)photo div。我可以使用css3三角形完成此設(shè)計(jì)并設(shè)置其背景圖像嗎?我一直認(rèn)為自定義形狀是由邊框和邊框顏色組成的。是否可以使用css3三角形,如果可以,有人可以幫助我編寫代碼嗎?這是我目前擁有的。.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>
查看完整描述

3 回答

?
森林海

TA貢獻(xiàn)2011條經(jīng)驗(yàn) 獲得超2個(gè)贊

這是我的CSS建議:


使用的是HTML5標(biāo)簽而不是跨瀏覽器的畫布。

使用SVG。(最可靠的一個(gè))

使用CSS3旋轉(zhuǎn)過渡,并用隱藏的溢出將其覆蓋。再次是不跨瀏覽器。

旋轉(zhuǎn)過渡:


-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome 

   -moz-transform: rotate(7.5deg);  /* FF3.5+ 

    -ms-transform: rotate(7.5deg);  /* IE9 

     -o-transform: rotate(7.5deg);  /* Opera 10.5 

        transform: rotate(7.5deg);

           filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 

                   M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');


查看完整回答
反對(duì) 回復(fù) 2019-12-27
  • 3 回答
  • 0 關(guān)注
  • 733 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)