css - CSS3 複数の列と位置:絶対

Question

CSS3 複数列を使用しています。内部要素には position:relative があり、position:absolute の矢印を含めることができます。

.clm3{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}

問題: CSS3 の列が position:absolute の矢印の一部を切り取っています。

例: http://jsfiddle.net/k4ucr72h/

Answer 1

li列の項目でこれを使用してみてください:

.clm3 li {
  -webkit-column-break-inside: avoid;
  -webkit-backface-visibility: hidden; 
}

クラスにも追加z-indexし.countArrowます：

.countArrow {
  z-index: 1
}