午夜福利小视频400,久久婷婷狠狠综合激情,日本黄网站色视频免费观看,中文字幕人伦无码,久久精品国产色成,色影音先锋av资源网,五月丁香亚洲综合499ee

設(shè)為首頁 | 加為收藏 | 聯(lián)系我們 咨詢熱線:0632-5272123
電 話:0632-5272123
傳 真:0632-5271123
地 址: 棗莊市文化西路23號(hào)
E-mail:zzint@zzint.com
  • 技術(shù)咨詢:
  • 業(yè)務(wù)咨詢:
  • 客戶服務(wù):
  • 服務(wù)監(jiān)督:
詳細(xì)資料 您當(dāng)前的位置:網(wǎng)站首頁新聞動(dòng)態(tài)詳細(xì)資料

在圖像html5中定義對(duì)象

我有一個(gè)引導(dǎo)colum:

<div class="col-md-4 col-xs-12">
   <img src="sample.jpg" style="height:100vh;width:100%;" /></div>

和樣本圖片:

在這里輸入圖像描述

我的問題是:有沒有反正我可以在圖像上定義這兩個(gè)方塊作為一個(gè)對(duì)象?我面臨的問題是,我有一些圖片有一些元素,需要被定義為一個(gè)對(duì)象...我試圖找出什么是好的方法,如果它是可能的話?有沒有任何軟件,這可以幫助你這個(gè)?一些圖像到html生成器或somethin?永恒的榮耀給可以呈現(xiàn)我解決方案的人!我很感謝您的回復(fù)。

也許你想要做的是一個(gè)影像地圖?

或者,也許,你想在圖像上放置其他元素(見下面的例子)?

或者,你應(yīng)該使用背景圖片?

也許你的用例可以不簡單化,我們很能為您的確切需要更好的解決方案。

您需要了解不同的用戶和環(huán)境,尤其是如果您打算使用此構(gòu)思進(jìn)行導(dǎo)航。


.rectangles { border: solid red 1px; position: relative; } .rectangles img { outline: dashed blue 1px; width: 100%; } .rectangle { position: absolute; outline: dashed red 1px; color: #fff; text-align: center; } .rectangle:hover { background: red; } .rectangle.first { left: 24.2%; top: 14.4%; width: 30.9%; height: 20.2%; } .rectangle.second { left: 24.9%; top: 52.7%; width: 29.9%; height: 22.1%; }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="col-md-4 col-xs-12 rectangles"> <img src="https://i.stack.imgur.com/0ClBU.jpg" alt="Image with rectangles"> <a class="rectangle first" href="#">First rectangle</a> <div class="rectangle second">Second rectangle</div> </div> </div>




上篇文章:關(guān)閉在語義UI中不會(huì)在移動(dòng)設(shè)備上顯示的畫布?
下篇文章:Javascript改變圖像源不工作
版權(quán)所有 棗莊市英特信息網(wǎng)絡(luò)有限公司 ◎2017
聯(lián)系電話:0632-5271123 5272123  總部地址:棗莊市市中區(qū)文化西路23號(hào)
違法和不良信息舉報(bào)電話:15665258199 舉報(bào)郵箱:kf@zzint.com
魯ICP備09021689號(hào) 增值電信業(yè)務(wù)經(jīng)營許可證編號(hào):魯 B2-20080087號(hào)

      1. <sup id="kbfwl"></sup>
        • <dfn id="kbfwl"></dfn>
            <dfn id="kbfwl"><cite id="kbfwl"></cite></dfn>
            1. <menu id="kbfwl"></menu>

              1. <mark id="kbfwl"></mark>
                  午夜福利小视频400,久久婷婷狠狠综合激情,日本黄网站色视频免费观看,中文字幕人伦无码,久久精品国产色成,色影音先锋av资源网,五月丁香亚洲综合499ee 色悠久久久久综合网伊人男男 人妻在线a免费视频 色婷婷五月国色天香w0 在线无码中文字幕415 日本免费一区二区三区在线观看 日本最新不卡免费一区二区 未满十八岁禁