Revolution Slider 自定义光标宽度问题
Revolution Slider Custom Cursor Width Issue
我要构建的滑块是这样的:
我正在开发的 wordpress 主题正在使用 revolution slider。 html 和 css 是:
#content .tparrows,
#content .hesperiden.tparrows {
background: transparent;
width: 44px;
height: inherit;
border-radius: 0;
top: 50% !important;
-webkit-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
-moz-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
-o-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
transition: background linear .1s, color linear .1s, box-shadow linear .1s;
text-align: center;
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 值在一个屏幕分辨率中工作正常,在下一个屏幕分辨率中不起作用。
谢谢
试试这个 CSS 代码:
.hesperiden.tparrows {
width: 50%;
height: 100%;
}
我要构建的滑块是这样的:
我正在开发的 wordpress 主题正在使用 revolution slider。 html 和 css 是:
#content .tparrows,
#content .hesperiden.tparrows {
background: transparent;
width: 44px;
height: inherit;
border-radius: 0;
top: 50% !important;
-webkit-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
-moz-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
-o-transition: background linear .1s, color linear .1s, box-shadow linear .1s;
transition: background linear .1s, color linear .1s, box-shadow linear .1s;
text-align: center;
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 值在一个屏幕分辨率中工作正常,在下一个屏幕分辨率中不起作用。 谢谢
试试这个 CSS 代码:
.hesperiden.tparrows {
width: 50%;
height: 100%;
}