출처: http://www.softwant.com/browser/


오페라 브라우저

윈도우즈 사용자를 기준입니다.

오페라 FAQ

오페라 브라우저전세계적으로는 MS의 인터넷 익스플로러에 강력한 경쟁자로 모질라 파이어폭스가 존재합니다. 파이어폭스는 오픈소스로 개발된다는 것이 최고의 장점입니다. 즉 개발자와 사용자 참여가 가장 활발한 프로젝트이며 그 결과 수많은 확장기능과 다양한 언어판이 존재한다는 것에서도 잘 알 수 있습니다.

반면 오페라 브라우저는 시장 점유율, 커뮤니티나 기능 면에서 파이어폭스에 미치지 못하지만, MS OS상에서 가장 빠른 브라우저이며 웹표준을 가장 잘 준수하는 브라우저라는 평가를 받고있습니다.

이곳 운영자는 최근 오페라 브라우저 사용을 조금씩 늘려가고 있는 데, 그 이유 중 가장 큰 것은 속도 때문입니다. 파이어폭스의 버전이 올라갈수록 무거워진다는 생각 때문입니다.

현재 발표된 MS의 IE8베타는 이전 버전과 달리 웹표준 준수 테스트 중 하나인 Acid2를 완벽히 통과한 것을 확인하였습니다. 따라서 브라우저에서 웹표준 문제는 인터넷상에서 논란이 되겠지만, 더많은 강조점은 브라우저의 안정성, 기능성, 속도 등이 중요한 점으로 자리잡을 것이라고 생각합니다. 또한 다양한 브라우저가 공존함으로써 국내 웹환경도 보다 사용자 중심으로 개편될 수 있다고 생각합니다. 이에 오페라 브라우저에 대한 글도 조금씩 만들어갈 생각입니다.

참고사항 : 현재 오페라 브라우저를 사용하는 사용자라면, 아래 그림에서처럼, 상태표시줄에 opera:config#로 된 링크를 클릭하며, 문서 내로 이동하지 않고 파이어폭스의 환경설정에서처럼 오페라의 환경설정 페이지로 이동하게 됩니다. 그러나 다른 브라우저에서는 경고창만 뜨게 됨으로 이점 염두에 두고 이용해주시기 바랍니다.

오페라 환경설정 링크를 상태표시줄에서 본 모습

아래 그림은 오페라 환경설정 링크를 클릭하였을 때 나타나는 오페라 환경설정 편집기 모습입니다.

오페라 환경설정 링크를 클릭하였을 때 나타나는 오페라 환경설정 편집기 모습

아래는 오페라 환경설정 링크를 파이어폭스에서 클릭하였을 때 나타나는 경고창 모습입니다. 그러니 IE/파이어폭스와 같은 브라우저 사용자가 이런 경고창을 본다고 이곳 운영자 엉터리라고 하지 마세요. ^^

오페라 환경설정 링크를 파이어폭스에서 클릭하였을 때 나타나는 경고창

아래는 오페라 브라우저의 FAQ를 번역한 내용입니다.

기본 공백 탭을 사용중지시키는 방법은요?
작업 공간 비우기 허용(Allow Empty Workspace)을 확인하거나 CTRL + F12 → 고급 → 탭 → 탭없는 창 허용을 체크합니다.
BitTorrent를 사용중지시키는 방법은요 ?
BitTorrent 아래 사용을 체크해제합니다.
검색 상자에서 마우스 오른쪽 버튼을 클릭하면, 검색 엔진 생성(Create search)를 볼 수 없어요.
사용자는 현재 이전 메뉴 설정을 사용하고 있습니다. 항목을 추가하여 업데이트하세요. 1560773594 = 위젯 팝업창 메뉴 아래에 검색 엔진 생성 또는 CTRL + F12 → 고급 → 도구막대 → 메뉴 설정 → Opera Standard을 선택합니다.
검색 엔진 생성이 말을 듣지않는다.
검색 엔진 생성시 키워드를 입력하세요.
업그레이드 후에 내가 설정한 검색엔진이 사라졌어요.
오페라를 닫습니다. 사용자 프로필에서 searhc.ini 파일을 삭제하고 searhc.ini.bak을 search.ini로 바꿉니다. 이 파일을 열어서  File version=6을 File version=8로 변경합니다.
업그레이드를 할 때, 윈도우 설치프로그램이 오류 메시지가 나와요.
클래식 설치 프로그램을 사용해보거나 각각의 디렉토리에 설치하여 사용자 설정을 복사합니다. 오페라 설치에 만든 사용자 설정을 이전하기이메일 이전하기를 보세요.
검색 결과의 수를 설정하는 방법은요 ?
히트 수를 설정하세요.
이전 페이지로 돌아갈 때, 다시 불러오내요.
History Navigation Mode를 3으로 설정하세요.추가정보는  자바스크립트와 네비게이션을 보세요
피드 이름을 바꿀 수 없어요.
(8509판에서 처리됨). B9.8493 편집된 피드명이 저장되지 않음을 보세요. 메일 루트 디렉토리 경로를 적어놓고, 오페라를 닫습니다. 메일 루트 디렉토리에서 incoming[].txt을 열어서 사용자의 피드를 포함하고 있는 지 확인합니다. 그렇다면, 피드의 이름을 변경합니다.
확대 기능을 사용하면, 텍스트 간격이 커져요.
(8505판에서 처리됨). 확대 보기에서 텍스트 간격이 너무 큼 (bug-214385)을 보세요
새 탭/새 창/붙여넣기/이동/북마크 페이지에 대한 단축키를 바꿀 수 있는 방법은요 ?
T는 Tab을 의미함을 보세요.
내려받기하면, 오페라가 다운로드 디렉토리가 아닌../cache4/temporary_downloads/에 내려받아요.
임시 다운로드를 보세요
경고: 임시 다운로드 디렉토리내용물은 개인 정보 데이타를 사용자가 삭제하거나 캐시를 종료시 비우기로 설정하였다면 비워지게 되어있습니다.
마우스 오른쪽 버튼을 클릭하여 그림 저장을 하면 전송창으로 가서 해당 파일을 내려받아요.
(8509판에서 처리됨). 그림에서 CTRL+ 클릭합니다. 오페라 [8455]와 그림 저장을 보세요
전송된 파일을 다른 위치로 이동시키면, 진송이 중단됨으로 표시되요.
작업 기록창에 제목 일부를 볼 수 없어요.
(8573판에서 처리됨). 페이지 제목이 보이지 않고 대신 방문 기록에서 이름 칼럼 아래에 URL이 보인다를 보세요
링크에 마우스 오른쪽 버튼을 클릭하면 빠른 내려받기가 없어요.
내려받을 폴더로 저장으로 변경되었습니다.
메뉴, 대화창 등등에서 텍스트가 없어요.
오페라 9 업그레이드 사용자 인터페이스에 텍스트가 보이지 않음을 보세요
업그레이드 후에 나의 설정이 사라졌어요.
오페라 디렉토리에서 operadef6.ini 파일을 열고 Multi User=1Multi User=0로 변경합니다.
폴더에 대해 묻지 않도록 했는 데, 옵션에 바로 저장을 하면 내려받기가 완료되지 않아요.
MIME 유형에 근거하여 다운로드 경로 설정이 TP2에서 작동하지 않음을 보세요
인코딩에서 자동 선택이 고정되지 않는다.
Force Encoding을 지우세요
어떻게 브라우저를 오페라, 파이어폭스 또는 인터넷 익스플로러 인식시키죠 ?
마우스 오른쪽 버튼 → 사이트 환경 설정 편집... → 네트워크 → 브라우저 인식 [또는] CTRL+F12 → 고급 → 내용 → 사이트 환경설정 관리..→ 추가... → 사이트 입력 → 브라우저 인식 또는 빠른 환경설정(F12)에서 작업을 원하면, 다음과 같이 하세요.
메뉴 설정 방법을 모르면, 오페라에서 메뉴 설정 편집 방법을 보세요. [빠른 환경설정 메뉴]아래에 다음 항목에 세미콜론(;)을 제거합니다.
  • ;Item, 52210 = Identify as, 0
  • ;Item, 70478 = Identify as, 1
  • ;Item, 52212 = Identify as, 2
링크에 마우스를 가져가면, 작은 노란 상자에 주소를 볼 수 없어요.
CTRL+F12 → 고급 → 브라우징 → 도구팁 보기를 선택하거나 SHIFT+F12 → 도구막대 → 상태 막대 선택해제하거나 MultiPopup UserJS를 사용합니다..
[8473] 도구팁 필요없음...을 보세요
링크에 마우스를 가져가면, 작은 노란 상자에 주소를 볼 수 없어요.
No click-to-activate 사용자 JS를 사용하세요. http://www.howtocreate.co.uk/operaStuff/userJavaScript.html#noclicktoactivate
오페라가 opera6.ini에 있는 지시를 따르지 않아요.
( 8629판에서 처리됨) See 9.0.8031- opera.ini 설정 변화는?
오페라 이전 버전을 어디서 찾을 수 있나요 ?
http://arc.opera.com/pub/opera/
소스 보기를 할 경우, 외부 도우미 프로그램을 지정하지 않았습니다. 환경설정을 지금 수정하시겠습니까 ?라는 메시지가 나타난다.
CTRL+F12 → 고급 → 프로그램 → 소스 보기를 위한 프로그램 선택 → 편집...→ 다른 프로그램으로 열기 → 선택... → 프로그램 선택 하고 경로의 앞뒤에 인용부호(")를 붙입니다.
[8473] 외부 프로그램으로 소스 보기를 할 수 없음을 보세요
사이트 환경설정에서 네트워크 탭이 없어요.
스킨 문제입니다. SHIFT+F12 → 스킨 → Opera Standard 선택
오류 콘솔을 어떻게 끄죠 ?
9.01이상은 오류 콘손 필터를 지우거나 오페라 오류 콘손 자동 종료를 사용합니다.
9.00에서는, 오류 발생시 콘솔 팝업창 생성 을 체크해제하고 콘솔 필터를 지웁니다.
오류 콘솔을 보세요
부가 메뉴에서.. 내용 차단(Block content)를 찾을 수 없어요.
이전의 메뉴 설정을 사용하고 있기 때문입니다. 항목을 추가해서 업데이트해 보세요,-1745751818 = 문서 팝업창 메뉴 아래에서 내용 차단 모드 사용 | 내용 차단 모드 중지 [또는] CTRL+F12 → 고급 → 도구막대 → 메뉴 설정 → Opera Standard을 선택합니다.
파이어폭스 확장기능에 상응하는 것이 있나요 ?
대중적인 150개의 파이어폭스 확장기능과 오페라를 보세요.
탭 위에 마우스를 가져갈 때 웹페이지 썸네일을 중지시키는 방법은요 ?
탭 도구팁에서 썸네일 보기를 선택해제합니다.
페이지 반전 색상을 바꿀 수 있습니까
Windows XP, 제어판 → 디스플레이 → 화면 배색(Appearance) → 고급 → 항목에서, 선택된 항목과 3차원 객체
Windows 2000, 제어판 → 디스플레이 → 화면 배색(Appearance) → 고급 → 항목에서, 선택된 항목과 3차원 객체
[또는] Ultimate Search Highlighter UserJS를 사용합니다.
반전색상 옵션은 8643판에서부터 이용할 수 있습니다.
포터블 오페라는 어디서 내려받을 수 있죠 ?
오페라 USB
오페라 포터블
OperaTor - Opera+ Tor + Privoxy
윈도우즈 가상 드라이브를 사용하는 포터블 오페라
도구막대를 위로 그리고 아래로 옮기는 방법은요 ?
오페라에서 주소 아래 탭 막대를 보세요
쿠키를 허용했는 데, 특정 사이트에 로그인할 수 없거나 사이트에서 쿠키 사용 오류 메시지가 나와요.
해당 사이트를 사이트 환경설정에 추가하였나요 ? 그렇다면 해당 사이트가 사이트 환경설정에서 쿠키 허용인 지를 확인해주세요.
오페라의 성능을 향상시키려면 어떻게 하죠 ?
http://operawiki.info/OperaPerformance를 보세요
일부 사이트의 느린 인터넷 연결 문제
http://my.opera.com/desktopteam/blog/show.dml/384622?startidx=300#comment2012221를 보세요
북마크의 속성이 회색으로 표시되요.
(8584판에서 처리됨). 속성.. 북마크 탭에서 회색처리되었다면 (CTRL+ALT+B) , 북마크 패널 (CTRL+2)과 그 반대로 사용해보세요.
북마크에 대한 ·"속성" 메뉴를 사용할 수 없음을 보세요.
주소 표시줄에 개별 URL을 어떻게 지울 수 있나요 ?
오페라를 종료하고 profile에서 텍스트 편집기로 opera.dir를 열어서 해당 URL을 지웁니다.
개인 정보 삭제를 하면.. 모든 파비콘을 제거해버린다.
개인 정보 삭제에서 북마크 방문한 시간 지우기를 선택해제합니다. [또는] 사용자 프로필에서images를 읽기 속성을 설정합니다.
일부 문자가 올바르게 표시되지 않아요.
보기 → 인코딩 → 자동 선택
인터넷 익스플로러에서처럼 주소표시줄에 이동 버튼을 추가할 수 있는 방법은요 ?
SHIFT+F12 → 단추 → 브라우저 보기 → 주소 표시줄에서 주소와 검색란 사이에 이동 단추를 끌어다 놓습니다.
주소 표시줄에 입력한 URL을 어떻게 지우나요 ?
도구 → 개인 정보 지우기... →주소 표시줄에 입력한 방문 기록 지우기 선택→ 삭제합니다.
어떻게 자동으로 화면에 맞게 그림을 조절하죠 ?
autosizer 사용자 JS를 사용합니다.
검색 엔진을 어떻게 추가하죠 ?
오페라 9에서 검색 엔진 맛보기 2
웹메일(Gmail, Yahoo,...)에서 이메일 링크를 여는 방법은요 ?
Mailto-to-webmail 보세요
주소표시줄에 사기 의심 사이트 표시를 제거하는 방법은요 ?
Enable Trust Button을 제거합니다.
Gmail에 있는 소폰서 링크 텍스트를 차단할 수 있는 방법은요 ?
Gmail Ad Remover 사용자 JS를 사용합니다.
텍스트 더블 클릭시 부가 메뉴를 사용중지시키는 방법은요 ?
CTRL+F12 → 고급 → 도구막대 → 부가 메뉴를 표시하기 위해 텍스트 두번 클릭을 선택해제합니다.
Opera.dll 찾기에 실패했다는 메시지가 나타나요.
오페라를 다시 설치하고 Opera.dll속성을 읽기로 설정합니다. 이 내용을 보세요.
새 탭으로 홈페이지를 표시하는 방법은요?
키보드 설정 편집 방법을 모르면, 오페라에서 키보드 단축키 추가 편집 방법을 보세요.
CTRL+F12 → 고급 → 단축키 → 키보드 설정 → 편집... → t ctrl 를 찾아서 선택 → 편집... → New Page, 1New page & Go to homepage 로 바꿉니다.
외부 프로그램에서 링크를 새 탭으로 여는 방법은요 ?
http://my.opera.com/community/forums/topic.dml?id=169879을 보세요.
오페라가 시작할 때 위젯이 자동으로 시작할 수 있나요?
항상 원하는 이들 위젯을 열어, 파일 → 세션 → 이 세션 저장을 하고 이것을 사용자 시작 세션으로 설정한다. CTRL + F12 → 일반 → 시작 → 저장된 세션 계속 사용
[또는]
항상 원하는 이들 위젯을 열어서 CTRL+F12 → 일반 → 시작에서 계속 사용 옵션을 사용합니다.
스피드 다이얼이 뭐죠 ? 제거방법과 스피드 다이얼에서 스피드 다이얼 버튼을 숨기는 방법은요 ?
Speed Dial State를 2로 설정한다. 이것은 상단 오른쪽 귀퉁이에 X를 제거합니다.
스피드 다이얼 검색 엔진 변경 방법은요 ?
오페라에서 기본 검색 엔진과 스피드 다이얼 검색 엔진을 설정하는 방법을 보세요.
스피드 다이얼 단축키가 작동하지 않아요.
이전 키보드 설정을 사용하고 있다면 이를 업데이트하거나 CTRL + F12 → 고급 → 단축키 → 키보드 설정 → Opera Standard을 선택한다.
스피드 다이얼 기능을 중지시키는 방법은요?
CTRL + T를 누르고 하단 오른쪽 귀퉁이에 스피드 다이얼 버튼 감추기를 클릭하거나 Speed Dial State를 3으로 설정합니다. 이것은 공백 탭 하단에 스피드 다이얼 버튼 보기를 제거하게 됩니다.
스피드 다이얼로 오페라를 시작하는 방법은요?
CTRL+F12 → 일반l → 시작시 → 공백 페이지로 시작 또는
CTRL+F12 → 고급 → 탭 → 탭이 없는 창 허용 선택해제합니다.
오페라 9.20에 시작 막대에 무슨 변화가 생겼나요 ?
기본으로, 사용중지되어 있습니다. 시작 막대를 사용하려면, SHIFT+F12 → 도구막대 → 시작 막대를 선택합니다.
wand.dat를 백업/전송하는 방법은요 ?
wand.dat, opcacrt6.dat, opcert6.dat, opssl6.dat & oprand.dat를 profile에서 백업/복사합니다
마우스 제스쳐를 사용/중지시키는 방법은요?
CTRL+F12 → 고급 → 단축키 → 마우스 제스쳐 사용
또다른 BitTorrent 프로그램 사용 방법은요 ?
오페라에서 특정 파일 유형에 내려받는 방법 변경을 보셨나요 ? 또는 기본 프로그램으로 열기를 선택하거나 다른 응용프로그램으로 열기를 선택합니다.
메타 리프레시 태그를 사용중지시키는 방법은요?
Client Refresh를 선택 해제하거나 no-meta-refresh 사용자 JS를 사용한다.
북마크는 나의 방식을 어떻게 정렬하죠 ?
CTRL+ALT+B → 보기 → 내 방식으로 정렬
배경 그림을 저장하는 방법은요 ?
이 자바스크립트를 사용자 북마크에 추가하여 사용한다.
단어 검사를 설치/사용하는 방법은요 ?
관리자 권한이면, Aspell을 설치합니다. 오페라로 단어 검사를 보세요. 그렇지 않으면 Ospell UserJS를 사용합니다.
오페라 클래식 설치프로그램, 영문버전 그리고 국제판의 차이가 뭐죠 ?
클래식 설치프로그램은 WISE 설치 프로그램을 사용한다. 영어만 사용한다면 최상이다. 이것은 더 작은 크기이며 관리자 권한없이 설치할 수 있습니다.영문판은(US) MSI 패키지입니다. 윈도우즈 설치, 삭제 그리고 업데이트를 더 잘 지원하기 위하여, 네트워크 설치를 더 잘 지원하며 오페라를 윈도우즈와 더 잘 통합시켜줍니다. uninstall and upgrade.국제판은 위와 동일하지만 더 많은 언어를 지원합니다.
일부 그림을 불러오지 못해요.
CTRL + F12 고급 네트워크에서 서버에 대한 최대 연결을 줄이세요.

yngve가 게시한 내용

서버에 대한 4개의 지속 연결(persistent connection)은 대개 충분한 것이며, 이것은 서버 최대값이 8로 설정된 경우 오페라가 사용하는 것이다. 나의 테스트 경험은 서버에 대한 지속 연결 최적 수치는 4 또는 8이며 4가 “더 나은” 옵션이였다. 일부 서버는 기준 접속자(또는 IP-주소)에서 일정 연결 수 이상이 되면 거부할 수도 있다.
오페라 충돌시 세션 복구 기능을 중지시키는 방법은요?
bat 확장자를 가진 내용으로 자동처리 파일을 만들고 오페라를 실행하기 위해 이 스크립트를 사용한다.
REM @ECHO OFF
DEL /Q "C:\Program Files\Opera\profile\sessions\autosave.win"
DEL /Q "C:\Program Files\Opera\profile\sessions\autosave.win.bak"
START "C:\Program Files\Opera\Opera.exe"
사용자 경로와 다르면 수정해주세요.
웹페이지가 오페라가 아니 다른 프로그램에서 열려요.
오페라에서 특정 파일에 대한 내려받기 방식 변경을 보셨나요 ? html을 찾아서 오페라로 열 수 열도록 변경합니다.
스피드 다이얼을 감춘 후에 다시 사용하려면요 ?
CTRL + T를 눌러 하단 오른쪽 귀퉁이에 스피드 다이얼 버튼 보기를 선택합니다.
Valid HTML 4.01 Transitional Valid CSS!
AND

출처: http://weezzle.net/1395

=======================================================================================

레이어는 기존의 창에 투명한 창을 겹쳐놓은것과 같은 기능을 하는것입니다.

즉 투명한 창에 그림이나 글자같은 요소를 넣을수 있고 또 그것은 기존창과 독립적으로 배치가 가능하고

또 움직이는 애니메이션효과까지 적용할수 있습니다.

단 이런 레이어를 사용하게 되면 문서의 요소들을 사용자의 의도대로 배치할수 있기때문에 많이 사용하지만

브라우저마다 지원하는 태그가 약간씩 다르기 때문에 주의하셔야 합니다.

여기서는 익스플로러와 넷스케이프에서 공통적으로 사용할수 있는 레이어태그를 기준으로 설명하겠습니다.

=======================================================================================

 <Div>레이어를 만들어주는 태그
 
 레이어를 만들어 주려면 <Div>태그안에 position:absolute라는 스타일을 적용시켜야 합니다.
여기서 <Div>태그는 그안의 내용을 문단으로 나누어 주는 역할을 하는 태그입니다.

그 태그에 position:absolute속성을 주어야만 비로소 레이어의 역할을 하게 되는 것입니다.


<Div>태그에 id라는 속성을 사용하여 레이어의 이름을 표시할수 있습니다.

즉 레이어가 여러개일때 각각을 구분해지는 표시가 되는것이죠.


 레이어를 삽입하는 형태는 다음과 같습니다.

<Style type="text/css">
      #이름{ position:absolute; }
</Style>
:
:
<Div id="이름">레이어안에 들어갈 내용</Div>

=======================================================================================

 LEFT / TOP
 
 left와 top속성은 레이어의 위치를 설정하는 것으로 그 속성값은 left 는 브라우저

좌측경계으로부터의 거리..top은 브라우저 상단경계로 부터의거리를 각각 수치로 입력하면 됩니다.

그 표현은 다음과 같습니다.
그 의미는 브라우저 상단과 좌측으로부터 100픽셀씩 떨어진 곳에 임의의 레이어를 만든다는 것입니다.

#이름 { position:absolute; left:100px; top:100px; }

 =======================================================================================

 WIDTH / HEIGHT : 너비와 높이
 
 width와 height속성은 레이어의 크기를 설정하는 속성입니다.

속성값으로 width는 레이어의 너비를 height는 레이어의 높이를 수치로 입력하면 됩니다.

그 표현은 다음과 같습니다. 그 의미는 너비200px, 높이200px의 레이어를 만든다는 것입니다

#이름 {position:absolute; width:200px; height:200px;}

 =======================================================================================

 BACKGROUND-COLOR : 배경색
 
 background-color속성은 레이어의 배경색을 설정하는 속성입니다.

속성값으로 색이름이나 RGB색상코드를 입력합니다.

그 표현은 다음과 같습니다. 그 의미는 레이어의 배경색을 검은색으로 설정한다는 것입니다.

#이름 {position:absolute; background-color:black; }
 
=======================================================================================

 BACKGROUND-IMAGE : 배경이미지
 
 background-image속성은 레이어의 배경이미지를 설정하는 속성입니다.

속성값으로 url(배경이미지경로및파일명)을 가집니다.

그 표현은 다음과 같습니다. 그 의미는 레이어의 이미지를 1.gif로 설정한다는 것입니다.

#이름 {position:absolute; background-image:url(1.gif); }

 =======================================================================================

VISIBILITY
 
visibility속성을 사용해서 레이어를 보여줄것인지 또는 감출것인지를 설정하는 속성입니다.

속성값으로 hidden과 visible를 가지는데.. hidden은 레이어를 보이지 않게 visible은 레이어를 보이게 설정해줍니다.

그 표현은 다음과 같습니다. 그 의미는 레이어를 감춘다는 의미입니다.

#이름 {position:absolute; visibility:hidden; }
 
=======================================================================================

 Z-INDEX : 레이어상하관계
 
레이어를 문서에 넣어줄때는 한꺼번에 여러개의 레이어를 넣는 것도 가능합니다.

레이어는 투명한 창을 겹쳐놓은것과 같다 말씀드렸습니다.

당연히 레이어의 내용이 서로 겹치게 되면 위쪽에 있는 레이어의 내용이 보이게 되겠죠??


 z-index속성은 레이의 상하관계를 숫자로 설정해주는 속성으로 속성값의 숫자가 클수록

위쪽에 배치된다고 생각하시면됩니다.

즉 z-index의 속성값이 클수록 우선적으로 보여지는 것이죠..

그 표현은 다음과 같습니다.

#이름 {position:absolute; z-index:3;}
 
=======================================================================================

 CLIP
 
clip속성을 사용하게 되면 레이어의 일부분만 보여줄수 있습니다.

즉 일정영역을 설정하여 그 부분만 보여주고 나머지 부분은 보이지 않게 설정하는 것입니다.

그 속성값으로 일정영역을 설정하는 rect값을 가지는데.. rect()괄호안에는 4개의 좌표값이 순서대로 들어갑니다.


rect()괄호안에 들어갈 좌표가 잘못설정되면 안되니 주의해서 보세요..

첫번째 들어갈 좌표는 레이어 왼쪽경계로부터 보여줄영역의 왼쪽경계까지 거리
두번째 들어갈 좌표는 레이어 왼쪽경계로부터 보여줄영역의 오른쪽경계까지 거리
세번째 들어갈 좌표는 레이어 상단경계로부터 보여줄영역의 하단경계까지 거리
네번재 들어갈 좌표는 레이어 상단경계로부터 보여줄부분의 상단 경계까지 거리


그 표현은 다음과 같습니다.

의미는 레이어의 상단으로부터 50픽셀, 레이어 왼쪽으로부터 50픽셀 떨어진 거리에 가로200, 세로50만큼의 영역만 보여준다는 것입니다.

#이름 {position:absolute; clip:rect(50 250 100 50);}
 
=======================================================================================

AND

출처 : http://blog.naver.com/eroicaplus?Redirect=Log&logNo=90036328974


div 태그로 만든 Layer를 안보이게 하는 두가지 방법

 

1. display:none  <-> block

    아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨

 

2. visibility:hidden <-> visible

    보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨

 

같은 기능을 하는 div 태그에 어떤건 display로 적혀있고 어떤건 visibility로 적혀있길래

디자이너 대리님께 여쭤보니 저리도 명쾌한 대답을..

 

나도 누가 뭐 물어보면 아주 명쾌하게 대답하고 싶다..

 


+ 추가로 알게 된 사실.

 

display의 속성으로 none과 block만 있는 줄 알았는데 아니었다.

none, block, inline, inline-block, list-item, table-header-group, table-footer-group
 - IE 6.0 기준
 
또하나, display = "" 하면 디폴트 값이 쓰여지게 되는데 이때 span 태그 안에 있으면 inline
div 태그 안에 있으면 block 가 쓰여지게 된다.
AND