Альтернатива переполнению-у в CSS? - PullRequest
Новая
       64

Альтернатива переполнению-у в CSS?

4 голосов
/ 06 января 2011

Я создаю календарь, и мне нужно повторить поведение, которое я получу с 

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

для браузеров, которые не поддерживают эти атрибуты CSS. Есть ли какое-то решение, которое я могу сделать? Я не просто хочу пойти на компромисс и добавить переполнение: скрытое для этих браузеров, так как клиент действительно хочет эту функцию У кого-нибудь есть хорошие идеи?

Большое спасибо.

1 Ответ

5 голосов
/ 10 февраля 2011

Вот тот, кто задает примерно один и тот же вопрос (переполнение-x видимое и -y скрытое).
http://forums.devnetwork.net/viewtopic.php?f=68&t=116457

Кто-то по имени Вейрдан говорит Я бы сказал, что ожидаемого поведения нет, потому что такой стиль неизбежно внутренне несовместим , и показывает пример, где не ясно (говорит Вейрдан), должна ли область к юго-востоку быть скрытой или показанной.

Он также говорит, что желаемого эффекта легко достичь, обернув внешний div другим div и установив overflow-y для этого div в значение hidden , и показывает это пример (надеюсь, нормально, что я скопирую его сюда?). 

<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>
...