革命滑塊定義光標寬度問題

Question

我試圖建立滑塊是這樣的：

marcusbredt.de

的wordpress主題我正在使用革命滑塊。 HTML和CSS是：

#content .tparrows, 
 
#content .hesperiden.tparrows { 
 
\t background: transparent; 
 
\t width: 44px; 
 
\t height: inherit; 
 
\t border-radius: 0; 
 
\t top: 50% !important; 
 
\t -webkit-transition: background linear .1s, color linear .1s, box-shadow linear .1s; 
 
\t -moz-transition: background linear .1s, color linear .1s, box-shadow linear .1s; 
 
\t -o-transition: background linear .1s, color linear .1s, box-shadow linear .1s; 
 
\t transition: background linear .1s, color linear .1s, box-shadow linear .1s; 
 
\t text-align: center; 
 
\t overflow: hidden; 
 
}

<div class="tp-leftarrow tparrows hesperiden noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, 250, -145); left: 0px;"></div> 
 

 
<div class="tp-rightarrow tparrows hesperiden noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, -344, -145); left: 100%;"></div>

原來的寬度和高度爲44px我想點擊和更改幻燈片無處不在我點擊鼠標。當我改變高度繼承工作正常，無法找到如何處理寬度。如果我給一個px值在一個屏幕上解析效果很好，那麼在下一個屏幕中不起作用。 感謝

Answer 1

試試這個CSS代碼：

.hesperiden.tparrows { 
width: 50%; 
height: 100%; 
}