x方向にのみスクロール可能な画像の水平リストがあります。右側の最後には、さらにコンテンツがあることを示す css グラデーションがあります。(スクロールバーは削除され、スクロール可能なコンテンツであることが明らかではない場合があります)
クリックすると別のページに移動することを示すために、カーソルをリスト項目のポインターに変更しました。グラデーションの後ろの右側はカーソルの変更からブロックされており、z-index は問題を解決しません。
どんな助けでも大歓迎です!
.gradient{
/*background: -moz-linear-gradient(left center, transparent, white);*/
/* webkit example */
background-image: -webkit-gradient(
linear, right top, left top, from(rgba(255, 255, 255, 1.0)),
to(rgba(255, 255, 255, 0))
);
/* mozilla example - FF3.6+ */
background-image: -moz-linear-gradient(
right center,
rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0) 95%
);
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(
gradientType=1, startColor=0, endColorStr=#FFFFFF
);
/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
gradientType=1, startColor=0, endColoStr=#FFFFFF
);