“溢出:滚动”是否会导致滚动条出现?

时间:2019-09-24 16:38:04

标签: css google-chrome

我在一个图像上为客户端创建了一个文本框,该客户端的溢出设置为滚动,以便在调整页面大小时文本不会溢出。由于某种原因,我在屏幕上看不到滚动条,但是客户在x和y轴上都看到了滚动条。

scrollbar issue appears on x and y axis

有人知道是否有“溢出:滚动;”导致滚动条显示在某些版本的Chrome中,是否有解决方案使它们不可见?

我的客户的替代方法是使用图像上带有文字的图像,出于各种原因(包括可访问性),我希望避免使用该图像。

我也有此版本的离线版本,仍然看不到滚动条。

我使用的是Mac,而他们使用的是PC,但据我所知和回忆,这对这个问题没有什么影响。

您可以view the page here

由于我们正在进行脱机的样式表检修,因此页面目前局促。

这是我正在使用的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;
} 

预期的结果是页面呈现给我,没有滚动条。 my results with the code above - no scrollbars

0 个答案:

没有答案