Jak pozbyć się przezroczystego tła po najechaniu na obrazki?

Question

Witam.

Mam banalny problem, który tylko z pozoru może wydawać się prosty do rozwiązania. Na podstronie mam obrazki i gdy lewym przyciskiem myszki przejadę po tych obrazkach, to pojawia się na nich przezroczyste tło. Zastosowałem w stylach: pointer-events: none;, ale to nic nie pomaga.

<ul>
	<li style="position: absolute; left: 20px; top: 5px">
		<a href="podstrona1/plik1.php" class="Obrazek">
			<img src="obrazki/foto1.jpg" />
		</a>
	</li>
</ul>

<ul>
	<li style="position: absolute; left: 169px; top: 5px">
		<a href="podstrona1/plik2.php" class="Obrazek">
			<img src="obrazki/foto2.jpg" />
		</a>
	</li>
</ul>

.Obrazek
{
	outline: none;
	pointer-events: none;
}

.Obrazek img
{
	border: 2px solid #000000;
	width: 100px;
	height: 143px;
	pointer-events: none;
}

Wiecie jak pozbyć się tego przezroczystego tła na obrazkach?

Answer 1

img:hover{
    opacity: none !important;
  }

Comments

Niestety dalej jest to samo.

---

Dopisałem do CSS:

.Obrazek img:hover
{
    opacity: none !important;
	background: none !important;
}

i niestety dalej jest to samo. Zastanawiam czy da się to w ogóle zrobić...

---

być może znacznik href masz gdzie indziej wystylizowany

---

W takim razie powinno to zadziałać przy zapisie?:

.Obrazek img:hover
{
    opacity: none !important;
}

Znacznik href nie ma tu nic do rzeczy.