Is it possible to make part of the browser transparent to display underlying desktop/windows in a web app? [closed]
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago .
I am developing a web application (meant to run work as a rich client and able to afford requiring any (even nightly build) version of Firefox of Chromium).
The application interface background is meant to be transparent (showing underlying windows or desktop). How can I achieve this? Following standards does not matter but would be nice.
Primary target platform is Linux.
UPDATE addressing comments and answers received to the moment of 2010-07-07T01:44Z.
Technically it’s nothing about code interaction and breaking the «sandbox». It’s about window composition. I even think it can be implemented pretty easy in a compositive window manager without a browser even knowing of this — just replace some useless colour (for example «fuchsia» was widely used for this during Windows 9x age) with the underlying layer content.
Прозрачная панель задач в Windows 10 / Как сделать ?
Politically, this can and should be a restrictable function (like local file and webcam access, for example), which can be allowed for trusted intranet applications (local web-tech-based rich client applications seem to be a trend beginning — Firefox and Chromium implement more and more features to facilitate this) and forbidden for unknown 3-rd party websites (but this would require more complex interaction between a browser and a window manager).
The reason why would I like it is that I want to build a cross-platform (Linux, Windows, Mac), zero-install, fancy-looking rich client application (not meant to be served as an Internet website) with web technologies (like HTML5, CSS3 and JavaScript). I even will probably seek to use some browser-window-less tech to run it (I’ve heard about Mozilla Prism and XulRunner, KDE and Windows offer to use HTML for desktop widgets, Chromium is meant to offer something alike, etc.)
ИсточникКак сделать окно браузера прозрачным
Работая одновременно с несколькими приложениями, можно столкнуться с необходимостью постоянно переключаться между ними. В некоторых случаях можно свести эту необходимость к минимуму, сделав окно браузера прозрачным при помощи программы Glass2k.
- Как сделать окно браузера прозрачным
- Как сделать окно полупрозрачным
- Как установить прозрачность
- — программа Glass2k
Откройте браузер и зайдите на сайт разработчиков программы: chime.tv/products/glass2k.shtml. На открывшейся странице появится описание утилиты, найдите в нем пункт Download (четвертый сверху) и кликните по надписи Glass2k – Beta Version 0.9.2 : 54 kb. Загрузите программу на компьютер. Glass2k включает в себя только установочный файл, поэтому для удобства можно скопировать его в отдельное место.
Крутое оформление Google Chrome | 3D вкладки | Тёмная тема | Как сделать?
Запустите программу. После этого она автоматически появится в трее. Найдите значок программы, кликните по нему правой кнопкой мыши и в появившемся меню выберите Settings. Это меню настроек программы.
Если поставить галочку возле пункта Auto-Load Glass2k every time Windows starts, программа будет загружаться вместе с запуском операционной системы. Если поставить галочку возле пункта Auto-Remember every window’s Transparency Settings, программа будет запоминать установленные параметры прозрачности для каждого из окон. Галочка возле «Beep» on Glassification означает, что изменения прозрачности будут сопровождаться звуком.
Найдите выпадающее меню Transparency Popup, в нем вы можете настроить комбинацию клавиш, по которым будет открываться окошко с настройками прозрачности. В меню Keyboard Shortcuts вы можете установить горячие клавиши для тех или иных степеней прозрачности. В пункте Taskbar Transparency можно установить прозрачность для панели управления. Чтобы сохранить внесенные изменения, нажмите на кнопку Save.
Откройте браузер, окно которого вы хотите сделать прозрачным. Далее можно поступить двумя способами. Первый – использовать горячие клавиши: Alt (или та клавиша, которую вы установили для этих целей в третьем пункте инструкции) + цифры от 0 до 9. Второй – вызвать меню при помощи правой кнопки мыши и клавиши, которую вы указали в пункте Transparency Popup (см. третий шаг инструкции), и в этом меню указать необходимые настройки прозрачности.
ИсточникКак сделать Opera прозрачной
Многие пользователи, желая кастомизировать свой браузер, используют различные фишки для этого. Например, некоторые ищут, как сделать Оперу прозрачной, чтобы обрамление браузера просвечивалось и через него было видно рабочий стол Windows.
Как сделать Оперу прозрачной
В старых версиях Оперы (до 12-й включительно) прозрачность в темах была по умолчанию. Многие даже пытались убрать прозрачность вкладок в Опере. И сделать это было достаточно просто. Нужно было зайти в настройки темы и подправить параметр Transparency.
Но вот в новых версиях, к сожалению, ничего подобного сделать нельзя.
Зато в Опере появились анимированные фоны для экспресс-панели, которые можно скачать тут:
ИсточникРежим прозрачности в браузере будущего
Мы опубликовали альфа-версию нового Яндекс.Браузера под названием «Кусто» – об истории его создания можно почитать на Хабрахабре. Интерфейс браузера сократился до двух компактных панелей вверху и внизу экрана: верхняя содержит название сайта и навигационные кнопки, нижняя – открытые пользователем вкладки.
В разделах документации мы подробно описали, как настроить внешний вид панелей и проверить условие прозрачности.
ИсточникКак сделать страничку браузера прозрачной?
Есть браузер (Chrome или другой) . Надо сделать что бы страничка открытая в браузере была прозрачная , то есть был виден рабочий стол сквозь браузер . Как осуществить подобный эффект ?
- Вопрос задан более двух лет назад
- 3959 просмотров
Средний 12 комментариев
Алло! Ваш дизайнер ещё на месте? Нужно на нашем сайте сделать фон зеркальным, чтобы пользователь заходил и видел своё отражение
Дмитрий Хватов , вот реально, а зачем, какому либо браузеру быть прозрачным?
Я скажу способ, если очень полно ответите на вопрос.
Строго говоря, технически нет большой сложности попросить оконный менеджер винды/юникса сделать окно полупрозрачным, но я думаю главной сложностью будет реализовать это так, чтобы управлять этим можно было через js
Как понимаю топик-стартера Дмитрий Хватов с развёрнутой погрузкой в свою идею мы не дождёмся.
Andrey Suha как я и обещал, ответ точно такой же, как и вопрос.
Мне лично трудно представить, как мог воспалиться до такой идеи мозг ))) Ведь это же не удобно!
Если дизайнер может объяснить вид, значение и обязательное присутствие того или иного элемента — такой дизайн имеет возможность начать жизнь. Всё остальное — шелуха.
Дмитрий Хватов собирайте свой собственный браузер с параметром transparent и распространяйте его для пользователей именно вашего сайта/проекта.
Вы так хотите сделать в Windows, чтобы окно браузера было полупрозрачным?
Или же вам нужно сделать на какой-то отдельной странице блок, чтобы он просвечивал браузер насквозь?
Источник