Перейти к содержимому



Как убрать расстояние которое остается после смещение блока? (стр. 2)

#21 yury
yury
  • Пользователь
  • 648 сообщений
  • Репутация: 195
1

Отправлено 19 апреля 2013 - 18:13

а как быть с прозрачностью в этом случае? будет накладываться?

В данном случае, в самом нижнем слое расположен блок с классом main. Поверх него расположен — top и еще выше — content. Так они и наложатся.
  • 0

#22 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 19 апреля 2013 - 19:35

отрицательный margin-top неадекватно воспринимается в ИЕ6


да забудьте вы за ИЕ6 , даже за ИЕ7 , эти браузеры уже не актуальны
по статистике, из 13% людей, которые пользуются ИЕ, 0.8% - ИЕ7 и 0.2% - ИЕ6
  • 0

#23 yury
yury
  • Пользователь
  • 648 сообщений
  • Репутация: 195

Отправлено 19 апреля 2013 - 21:21

да забудьте вы за ИЕ6 , даже за ИЕ7 , эти браузеры уже не актуальны

Убеждать не буду, что следует забыть, а что помнить — это личное дело каждого.
Но замечу, что
  • ваша статистика неверная: ИЕ пользуются более половины пользователей интернета с ПК. Убедиться можно на сайте крупнейшего веб-аналитика в мире: http://www.netmarketshare.com/ . На всякий случай, по ссылке видно, что за последний год доля ИЕ выросла с 54% до 55,8% последняя цифра — март 2013.
  • доля ИЕ6 действительно не велика (чуть более 6%), а IE7 — и того меньше (около 2%). Но ИЕ6 не умрет до тех пор пока не умрет WinXP (ок. 39% ПК в мире), в котором этот браузер предустановлен по умолчанию. А именно в таком виде (как оно было на купленном компьютере) осью пользуются большинство _обычных_ пользователей в мире, не айтишников. А такое (смерть WinXP) не случится еще долго, т.к. WinXP — очень удачная ось и на не новых компьютерах поживет еще. Есть мнение, что исключать из посетителей своего сайта даже небольшое количество простых юзеров с не новыми компьютерами — это неправильно. Тем более, если можно этого не делать.
  • использовать кроссбраузерную верстку совсем не сложно, просто не следует о ней забывать.

  • 1

#24 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 19 апреля 2013 - 22:32

lordamid,
(на всякий случай: отрицательный margin-top неадекватно воспринимается в ИЕ6):

на всякий случай с позиционированием в ИЕ6 тоже не все гладко
а если брать статистику, как мне кажется лучше ориентироваться на рунет http://www.liveinter...ml?period=month
  • 0

#25 yury
yury
  • Пользователь
  • 648 сообщений
  • Репутация: 195

Отправлено 19 апреля 2013 - 22:41

на всякий случай с позиционированием в ИЕ6 тоже не все гладко

Чего зря спорить?
В моем примере с позиционированием все ОК.
Приведите ваш вариант кода с отрицательным margin-top и нормальным отображением в ИЕ6. Если он будет проще — воспользуемся им.

а если брать статистику, как мне кажется лучше ориентироваться на рунет

Да на здоровье. Только следует понимать, что рунет — капля в море интернета.
  • 0

#26 html-ka
html-ka
  • Неактивные
  • 455 сообщений
  • Репутация: 82

Отправлено 19 апреля 2013 - 22:58

чем пользоваться, дело вкуса, работает и тот и тот способ, отрицательный отступ в ИЕ6 лечиться добавлением position: relative
позиционирование.png
отрицательный отступ.png

по поводу статистику спор ни о чем, обычный холивар глубоко сомневаюсь, что эти проекты промышленные и ориентируются на широкую аудиторию, даже в рунете :)

зы размышлялки о кроссбраузерности: micrisoft сам хочет избавиться от старых версий IE объявив 6-8 старыми, которые так же не дружат с html5 и чтоб их подружить с ним, необходимо делать костыли, так же MS активно поддерживает JQuery, недавно был релиз версии 2.0, который так же не работает в IE6-8, ну и т.д.
  • 0

#27 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 20 апреля 2013 - 20:13

Но ИЕ6 не умрет до тех пор пока не умрет WinXP (ок. 39% ПК в мире), в котором этот браузер предустановлен по умолчанию.


ну я тебе так скажу, из личного опыта.
Сотрудничаю с крупной фирмой на западе, занимаемся веб-разработкой.
Так вот:
1. ИЕ6 уже года полтора как не используем, даже и не смотрим как в нем выглядит.
2. В ИЕ7 месяцев 8 уже как тоже ничего не тестируем.
3. Касательно ИЕ8 - отказываемся от него тоже в последнее время.
4. Так как плотно стали использовать HTML5 и CSS3 - то вышеперечисленные браузеры становятся уже не актуальными

Можешь приводить любые ссылки и статистики, но факт остается фактом.

Россия и другие страны СНГ конечно сильно отстают, поэтому и мучаются люди с ослом 6-м

PS http://en.wikipedia....of_web_browsers
по ссылке там статистике от разных аналитиков, причем заметь она очень сильно отличается. так что я больше доверяю пунктам 1-4, которые я изложил выше
  • 0

#28 lordamid
lordamid
    Topic Starter
  • Неактивные
  • 13 сообщений
  • Репутация: 0

Отправлено 21 апреля 2013 - 21:38

не до конца понимаю, что ты хочешь, а что тебе мешает положить content-box-repit-vertical-transparency70.jpg под все слои т.е. вот

зы было бы неплохо, чтоб ты более яснее излагал свои мысли :)


Вроди оно... А как быть с прозрачностью которая переходит на текст? Точно так же и если там картинка там появляется то она становится полупрозрачной ;)
  • 0

#29 lordamid
lordamid
    Topic Starter
  • Неактивные
  • 13 сообщений
  • Репутация: 0

Отправлено 22 апреля 2013 - 23:03

похоже я злоупотребил вопросами и лимит ответов на них исчерпал :)

может с прикрепленной картинкой будет понятней о чем я...

под текстом и картинкой совсем не должно быть прозрачно... ;)

Прикрепленные изображения

  • Снимок.PNG

  • 0

#30 yury
yury
  • Пользователь
  • 648 сообщений
  • Репутация: 195

Отправлено 23 апреля 2013 - 11:37

под текстом и картинкой совсем не должно быть прозрачно...

А вы не забыли дать непрозрачный фон блоку с картинкой и текстом? На сколько я помню тот код, который вы показывали в последний раз, там у блока content фона не было вообще никакого.
  • 0

#31 lordamid
lordamid
    Topic Starter
  • Неактивные
  • 13 сообщений
  • Репутация: 0

Отправлено 25 апреля 2013 - 23:27

А вы не забыли дать непрозрачный фон блоку с картинкой и текстом? На сколько я помню тот код, который вы показывали в последний раз, там у блока content фона не было вообще никакого.


блок в котором находятся все изображения и текст имеет следующий стиль:

#news    {
	 padding-top: 20px;
	 width: 640px;
	 background-color: #000000;
	 border-radius: 10px;
	 filter: alpha(Opacity=100);
	 opacity: 1;
	 }

  • 0

#32 yury
yury
  • Пользователь
  • 648 сообщений
  • Репутация: 195

Отправлено 26 апреля 2013 - 08:27

lordamid,
короче, я забыл про особенность наследования css-свойства opacity потому что оно редко используется:
Свойство непрозрачности (opacity) наследуется всеми дочерними блоками. И потому если у родителя opacity установлено ниже единицы, то увеличить непрозрачность у дочерних блоков невозможно.

Способы вылечить это, например, такие:
* самый простой и кроссбраузерный вариант: Не использовать opacity. Вместо него использовать полупрозрачные пнг-шки в качестве фона для прозрачных блоков
* вынести непрозрачные блоки за пределы прозрачных. Пример:
<!DOCTYPE html>
<html>
<head>
<title>opacity</title>
<style>
.parent {
margin: 1em;
position: relative;
width: 300px; height: 300px;
background: #000;
}
.parent:before{
position: absolute;
content: '';
top: 0; right: 0; bottom: 0; left: 0;
background: #fff;
opacity: 0;
}
.parent:hover:before{
opacity: .5;
}
.child {
margin: 1em;
padding: 0.5em;
position: absolute;
height: 50px;
background: #0f0;
color: #000;
white-space: pre;
}
</style>
</head>
<body>
Наведите мышь на черный блок
<div class="parent">
<div class="child">Травка зеленеет,
Солнышко блестит;
Ласточка с весною
В сени к нам летит.
С нею солнце краше
И весна милей</div>
</div>
</body>
</html>
* если фон — полупрозрачная монотонная заливка можно использовать свойство rgba:
background: rgba(0, 255, 0, 0.5); /*тут зеленый цвет фона с прозрачностью 50%*/
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Март
Очков активности: 777 6 тем, 56 сообщений, 7 баллов репутации
Сайт: 24ho.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 1080 4 темы, 60 сообщений, 10 баллов репутации

  • Фотография MattCutts
    #2

    MattCutts (dmitrylee.com)
    Очков активности: 765 6 тем, 67 сообщений, 6 баллов репутации

  • Фотография NataliaAntalia
    #3

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 189 Вне конкурса за определение пользователя месяца

  • Фотография r0mZet
    #4

    r0mZet (rz-style.ru)
    Очков активности: 157.5 3 темы, 12 сообщений, 5 баллов репутации

  • Фотография Totti
    #5

    Totti
    Очков активности: 108 Вне конкурса за определение пользователя месяца

  • Фотография Linomen
    #6

    Linomen
    Очков активности: 102 2 темы, 28 сообщений, 2 балла репутации

  • Фотография Megoydagi
    #7

    Megoydagi (24ho.ru)
    Очков активности: 33 Вне конкурса за определение пользователя месяца

  • Фотография Владислава Рыкова
    #8

    Владислава Рыкова
    Очков активности: 31.5 0 тем, 7 сообщений, 3 балла репутации

  • Фотография sws
    #9

    sws
    Очков активности: 24 0 тем, 16 сообщений, 1 балл репутации

  • Фотография magnet
    #10

    magnet (rbfxdirect.com)
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru