2013-07-09 3 views
0

이동 경로가 있습니다. 데모 링크는 here입니다. 내 탐색 경로를 참조 된 이미지와 똑같이 보이게하고 싶습니다.CSS의 동적 네비게이션 위치

바이올린 코드 내에서 참조 이미지가 동적 하나이

<nav class="woocommerce-breadcrumb" itemprop="breadcrumb"> 

<span><a class="home" href="http://localhost/WebSites/Mkratom/Website">Home</a></span> 
<span><a href="http://localhost/WebSites/Mkratom/Website/shop/">Shop</a> </span> 
<span><a href="http://localhost/WebSites/Mkratom/Website/product-category/fictation/">Fictationssss</a></span> 
<span>Moon Shiningsssssss</span> 
</nav> 

주처럼, 그래서 텍스트의 길이를 넣을 수 있습니다. 텍스트 길이는 각기 다른 장소에서 다를 수 있으므로이를 염두에 두시기 바랍니다. 도움과 제안은 정말 감사하겠습니다.

감사합니다.

Dynamic Breadcrumb images

업데이트

는 데이터베이스에서오고 나는 내 마크 업을 변경할 수 없습니다 죄송합니다. 이전 주어진 팁에서

+0

하나의 클래스가 .active 인 경우 쉽게 더 쉬울 것입니다. 그런 다음 하나의 탐색 경로에서 .active를 다음 탐색 경로로 이동할 수 있습니다. 네가 기울이지 않는 한. 당신의 절대적인 자세는 IMO가 문제입니다. 좀 더 제어하기 쉬운 것이 필요합니다. 프로젝트에 제약이 있습니까? – Cam

+0

팁 : 배경 그라디언트 또는 절대 의사 요소. –

답변