ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выделять сквозь элемент
10 сообщений из 10, страница 1 из 1
Выделять сквозь элемент
    #39097261
ldeaList
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ldeaList
Гость
Есть причина, по которой в CSS не внесли пока возможность объявить элемент, сквозь который можно было бы выделять текст? Который отображался бы на странице поверх текста, но никак не реагировал бы на курсор мыши. В самом деле, если мне нужно например сделать текстовый блок, а справа и слева - градиентный переход в какой нибудь цвет. Например белый. И градиент должен залезать на текст, то есть сам текст по краям должен будто бы, растворятся, переходя в белый цвет. Это выглядело бы красиво, но проблема, что в месте, где над текстом расположено градиентное изображение, текст невозможно будет выделить...
...
Рейтинг: 0 / 0
07.11.2015, 15:55
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097274
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
может потестить как будут работать псевдоэлементы before и after ?
только градиент я-бы делал не изображением, а стилями фона...
...
Рейтинг: 0 / 0
07.11.2015, 16:22
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097275
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
уточню: градиенты со сменой прозрачности через rgba(255,255,255, «прозрачность»)
...
Рейтинг: 0 / 0
07.11.2015, 16:29
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097278
ldeaList
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ldeaList
Гость
Проблема остается: текст может быть выделен, если курсор проходит под элементом, а когда проводишь по нему - текст перестает выделяться. Более явственно проблема будет проявляться, если, например, текстовый блок будет высотой во всю страницу, и таким же высоким - блок перехода с градиентом. Здесь уже под ним мышкой не проведешь.

https://jsfiddle.net/492e115x/
...
Рейтинг: 0 / 0
07.11.2015, 16:42
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097281
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
ldeaListЗдесь уже под ним мышкой не проведешь.

https://jsfiddle.net/492e115x/
Проверил - только в FF полноценно не работает (с произвольного места).
Хром, ИЕ11, опера12 - текст выделяется с любого места и любой длины.
...
Рейтинг: 0 / 0
07.11.2015, 16:52
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097286
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
И к чему перечисление кучи градиентов для разных браузеров?
оставьте только один стандартный стиль - уже давно все браузеры понимают,
а те что не понимают, какие не указывай - не будет работать, бесполезно.

Код: css
1.
2.
3.
4.
5.
6.
7.
.a:before {
    content: '';
    background: linear-gradient(to right,  rgba(255,255,255,1), rgba(255,255,255,0.71));
    width: 70px;
    height: 20px;
    position: absolute;
}
...
Рейтинг: 0 / 0
07.11.2015, 17:01
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097295
ldeaList
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ldeaList
Гость
И правда, в других браузерах работает, а я на FF и проверял. Надо взять за правило проверять на разных браузерах, наверно, заранее был уверен в провале эксперимента. Ну а как же быть с FF? Он собирается это исправлять? О путях обхода даже не спрашиваю, не думаю, что они есть.
...
Рейтинг: 0 / 0
07.11.2015, 17:18
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097306
bazile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazile
Участник
ldeaList, есть свойство pointer-events которое делает именно это:
Код: css
1.
pointer-events: none
...
Рейтинг: 0 / 0
07.11.2015, 17:46
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097307
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
ldeaListНу а как же быть с FF? Он собирается это исправлять?сомневаюсь в этом, думаю ещё одна долговременная фича FF
...
Рейтинг: 0 / 0
07.11.2015, 17:47
| Ответить | Цитировать | Написать  
Выделять сквозь элемент
    #39097310
ldeaList
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ldeaList
Гость
bazile, то что надо, огромная благодарность!
...
Рейтинг: 0 / 0
07.11.2015, 17:57
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выделять сквозь элемент
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=64&tid=1445652]:
 0ms
get settings:
 12ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 39ms
get topic data:
 9ms
get forum data:
 5ms
get page messages:
 44ms
get tp. blocked users:
 5ms
others: 241ms
total:  375ms
созд. / загр.: 375ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]