Superposition de blocs

Bonjour,

Lorsque deux blocs se chevauchent il n'est plus possible de cliquer sur les liens situés au dessous du bloc placé au dessus, logique. Mais embêtant parfois : est-il possible, en conservant le bloc au dessus de l'autre pour des raisons d'affichage, de permettre l'accès aux liens situés en dessous ?

Merci.

Salut,

C'est aussi peu possible que lorsque tu cherche à écrire sur une feuille qui se trouve elle même sous une autre.

Maintenant, peut-être pourrais tu nous montrer ton projet pour voir si tu peux le concevoir différemment pour aboutir au même résultat visuellement, tout en étant plus fonctionnel.

Merci, je m'en doutais...

Quant à ce que je souhaite faire, c'est simplement ajouter une ombre de bordure intèrieure par dessus un contenu dans un bloc : je fais dépasser le titre qui est au dessus du bloc (pour éviter d'avoir à ajouter un bloc dédié uniquement à la présentation) sur toute l'étendu du bloc et positionne en background bottom l'ombre transparente qui borde les limites de la zone, mais du coup le contenu de mon bloc est bloqué.

Mais ce n'est qu'un exemple ; il m'arrive souvent de me trouver devant une situation de ce type...

Tu as un bout de code à nous montrer ?

Voilà le principe :

<h3>
	 <strong>Zoom</strong>
	 <a href="">voir tous les articles/illustrations</a>
</h3>
<!--  je veux que le div suivant soit "encadré" par un liseré d'ombre intérieure en surimpression du contenu (si le contenu est une image par exemple, que cette image ne recouvre pas ce liseré) - si je mets ce liseré en background, évidement le contenu recouvrira cet arrière plan -->
<div class="jcarousel vertical articlesList">
	 <h5>
		 <a href="" class="article">L'industrie française et la concurrence étrangère</a>
	 </h5>
	<div>
		<div class="author"></div>
		<div class="source"></div>
		<div class="date">01 août 1897</div>
		<div class="description">L'INDUSTRIE FRANÇAISE 
		</div>
		<div class="wordcount">2217 mots</div>
		<div class="subject"></div>
	 </div>
</div>

#zoom .jcarousel {
	overflow				: hidden;
	/* fix ie overflow issue */
	position				: relative;
	padding				: 0 5px;
	width					: 680px;
	height				: 150px;
	background				: transparent url(graphics/box_zoom_panel.png) no-repeat center center;
	}
/* box_zoom_frame.png est un png transparent de 680x150px dont les bords sont soulignés par un dégradé suggérant une ombre intèrieure */
#zoom.searchBox  h3 {
	margin-left				: 5px;
	margin-right			: 5px;
	width					: 680px;
	height				: 170px;
	background				: transparent url(graphics/box_zoom_frame.png) no-repeat left bottom;
	z-index				: 1;
	}

Résultat : mon div est recouvert par le titre (ce que je souhaite d'une certaine façon puisque mon fond doit recouvrir le contenu), mais son contenu est bloqué par ce titre (les liens ne sont plus accessibles) : c'est le fonctionnement attendu en terme de structure logique de la page. En fait, il manque le concept de foreground en css