我的頂部有3個(gè)面包屑箭頭。當(dāng)我單擊輪播主體中具有第一張幻燈片的三個(gè)(石膏板,混凝土,加氣混凝土和磚)的圖像時(shí),其中一個(gè)箭頭將移到最左側(cè)。我希望它停留在中間或在右邊發(fā)生。錨導(dǎo)航.breadcrumb>li+li:before { padding: 0;}.breadcrumb li { float: left;}.breadcrumb li.active a { background: #5fdba7; /*#5fdba7 -- front part of arrow of active RED*/ margin-left: 655px;}.breadcrumb li.completed a { background: brown; /* fallback color */ background: #ffc107;}.breadcrumb li.active a:after { border-left: 30px solid #5fdba7; padding-left: 65px;}.breadcrumb li.completed a:after { border-left: 30px solid #ffc107;}.breadcrumb li a { color: white; text-decoration: none; padding: 10px 10px 10px 45px; position: relative; display: block; float: left;}.breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid hsla(0, 0%, 83%, 1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2;}.breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1;}.breadcrumb li:first-child a { color: white;}.breadcrumb li a:hover { background: #ffc107;}.breadcrumb li a:hover:after { border-left-color: #ffc107 !important;}.selector-for-some-widget { box-sizing: content-box;}.carousel-inner img { width: 100%; height: 100%; margin-top: -13px;}.buttonContainer { margin-top: 130px; margin-left: -180px;}* { outline-style: none;}#heroText { font-family: Impact; letter-spacing: 0.5px; text-decoration: underline;}我希望箭頭向右并按順序排列。例如,“開(kāi)始”>“處理”>“結(jié)束”(根據(jù)用戶的狀態(tài),此選項(xiàng)將一一顯示在最右邊。
單擊圖像后,面包屑在左側(cè)移動(dòng)
函數(shù)式編程
2021-04-30 13:12:27