1

Bootstrap対応の5列のページの一部があります。これらの 5 つのセクションはそれぞれ 2 つの列に分割されます。アイデアは、コンテナーが小さいことに応答すると、5 つの列のそれぞれが互いの上に積み重ねられ、2 つの列が互いに積み重ねられるということです。

| [-][---] |  | [-][---] |  | [-][---] |  | [-][---] |  | [-][---] | 
| [-][---] |  | [-][---] |  | [-][---] |  | [-][---] |  | [-][---] |

になります：

| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] | 
-------------
| [-][---] | 
| [-][---] |

それはうまくいきます。私の問題は、水平の場合はリンクが機能することですが、応答してスタックするとリンクが表示されなくなります。または、より明確に言えば、Chrome の要素セレクターによると、テキストはそこにありますが、リンクをクリックすることはできません。この JSFiddle http://jsfiddle.net/RRrLw/5/には、私が抱えている問題が表示されます。

4

1 に答える 1

1

段落要素がリンクの前に来ています。この CSS を使用して、リンクを前面に表示します。

#associated2 a{
    z-index:9;
    position:relative;
}

JSFiddle: http://jsfiddle.net/jdwire/uusux/

于 2013-10-03T22:20:44.027 に答える