Q:

Подскажите как разверстать лучше

 - вот есть такой элемент. Нужно его разверстать так чтобы все надписи нажимались. и стрелочка нажималась... Никак не могу придумать как повесить эту прозрачность поверх ссылки чтобы ссылка была активная... :(

A:

Сделайте полупрозрачный png или gif и сделайте его фоном в псевдоэлементе :after.
#tags {
  position: relative
}
#tags:after {
  content: ''; 
  position: absolute; 
  top: 0; right: 0
  width: 50px; height: 50px; 
  background-image: url('background.png'); 
}

