Alternative overflow-y in CSS?

I am creating a calendar and need to replicate the behavior that I would get with

overflow-x:visible;
overflow-y:hidden;

for browsers that do not support these css attributes. Is there any workaround I can make? I don’t just want to compromise and add overflow: hidden for these browsers, as the client really wants this feature. Anyone have any good ideas?

Many thanks.

+3
source share
1 answer

Here is the one who asks about the same question (overflow-x visible and-hidden).
http://forums.devnetwork.net/viewtopic.php?f=68&t=116457

- Weirdan , , , ( ), -.

S/ , , , div div overflow-y div , ( , , ?).

<style type="text/css">
#outer-wrapper {
    overflow-y:hidden;
}
#outer {
  width:100px;
  height:100px;
  background:red;
  border:solid red 1px;
  overflow:visible;
}
#inner {
  width:200px;
  height:200px;
  background:green;
}​
</style>
<div id="outer-wrapper">
  <div id="outer">
    <div id="inner"></div>
  </div>
</div>
+4

Source: https://habr.com/ru/post/1783929/


All Articles