크로스브라우징 그라디언트 css 입니다.
익스 버전별, 크롬, 사파리, 파이어폭스 적용이 되는데요
주석이 안보이는군요 ㅠㅠ
첫번째줄은 익스 5.5-7
두번째줄은 익스 8
세번짼 크롬, 사파리
네번째는 파이어폭스 입니다.
[code]
<style type="text/css">
.gradient {
/* for IE */
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee')";
/* for webkit browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
/* for firefox 3.6+ */
background: -moz-linear-gradient(top, #fff, #eee);
background-color: #fff;
}
</style>
<div class="gradient" style="width:100px;height:600px;"></div>
[/code]
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5802 | 10년 전 | 293 | ||
| 5801 | 10년 전 | 336 | ||
| 5800 | 10년 전 | 416 | ||
| 5799 | 10년 전 | 255 | ||
| 5798 | 10년 전 | 267 | ||
| 5797 | 10년 전 | 409 | ||
| 5796 |
 ABC디자인 |
10년 전 | 954 | |
| 5795 | 10년 전 | 345 | ||
| 5794 | 10년 전 | 303 | ||
| 5793 | 10년 전 | 431 | ||
| 5792 | 10년 전 | 310 | ||
| 5791 |
 gilynh |
10년 전 | 541 | |
| 5790 |
씨에이치넷
|
10년 전 | 1368 | |
| 5789 | 10년 전 | 426 | ||
| 5788 | 10년 전 | 309 | ||
| 5787 | 10년 전 | 309 | ||
| 5786 | 10년 전 | 347 | ||
| 5785 | 10년 전 | 321 | ||
| 5784 | 10년 전 | 272 | ||
| 5783 | 10년 전 | 264 | ||
| 5782 | 10년 전 | 225 | ||
| 5781 | 10년 전 | 281 | ||
| 5780 | 10년 전 | 303 | ||
| 5779 | 10년 전 | 391 | ||
| 5778 | 10년 전 | 296 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기