我在一个图像上为客户端创建了一个文本框,该客户端的溢出设置为滚动,以便在调整页面大小时文本不会溢出。由于某种原因,我在屏幕上看不到滚动条,但是客户在x和y轴上都看到了滚动条。
有人知道是否有“溢出:滚动;”导致滚动条显示在某些版本的Chrome中,是否有解决方案使它们不可见?
我的客户的替代方法是使用图像上带有文字的图像,出于各种原因(包括可访问性),我希望避免使用该图像。
我也有此版本的离线版本,仍然看不到滚动条。
我使用的是Mac,而他们使用的是PC,但据我所知和回忆,这对这个问题没有什么影响。
由于我们正在进行脱机的样式表检修,因此页面目前局促。
这是我正在使用的CSS的片段。认为其中一些可能是多余的。由于我无法复制该问题,因此不确定是否删除其中的任何部分是否会在视觉上发生变化。
.boxwrapper {
position: relative;
font-family: Arial;
margin: 10px 15px;
}
.imagebox {
position: absolute;
top: 15px;
right: 15px;
background-color: #ffffff;
color: white;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
height: 85%;
width: 35%;
overflow: scroll;
}
.imagebox p{
color: #000;
overflow: scroll;
font-size: 18px;
}
预期的结果是页面呈现给我,没有滚动条。