.ddsmoothmenu{
}
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
display: block;
position: relative;
width: 100px;
padding: 10px 0 10px;
margin: 0 1px 0 0;
font-size: 14px;
color: #999;
text-align: center;
text-decoration: none;
font-weight: 400;
outline: none;
border: none;
.ddsmoothmenu ul li a {
display: block;
position: relative;
width: 100px;
padding: 10px 0 10px;
margin: 0 1px 0 0;
font-size: 14px;
color: #999;
text-align: center;
text-decoration: none;
font-weight: 400;
outline: none;
border: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
display: inline-block;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
margin-top: 10px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #333;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
margin-top: 10px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #333;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-weight: 500;
width: 120px; /*width of sub menus*/
padding: 0 10px;
margin: 0;
line-height: 24px;
height: 24px;
font-size: 12px;
border-top-width: 0;
text-align: left;
background: none;
}
.ddsmoothmenu ul li ul li a{
font-weight: 500;
width: 120px; /*width of sub menus*/
padding: 0 10px;
margin: 0;
line-height: 24px;
height: 24px;
font-size: 12px;
border-top-width: 0;
text-align: left;
background: none;
}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
color: #fff;
background: #a5c451;
border-bottom: 2px solid #d2f476;
}
color: #fff;
background: #a5c451;
border-bottom: 2px solid #d2f476;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #fff;
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #fff;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}
opacity: 0.5;
}
/* menu */
css 코드입니다.
css에 대해서는 무지한지라 이거 어찌해야 할지를 모르겠네요
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
}
이부분에 border-radius:5px;를 넣으면 될것같은데 아무리 넣어봐도 마우스 오버시 테두리가 둥글게 되지가 않아요
도움좀 부탁드립니다.
문제의페이지 입니다.
댓글 2개
cshop
13년 전
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
border-radius:5px;
}
http://mypcas.com/test/css/ddsmoothmenu.css
44번째 줄
잘 되는데요? 혹시 IE 에서 안된다고 하시는건지... IE 는 원래 안되요... -..-;; IE 는 븅신이라서..
IE 에서 border-radius 넣으시려면. pie.htc 쓰세요. .htc 가 싫으시면 IE 에 border-radius 적용되게 해주는 다른 .js 도 많아요.
http://sir.co.kr/bbs/board.php?bo_table=pg_html&wr_id=12840
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
border-radius:5px;
}
http://mypcas.com/test/css/ddsmoothmenu.css
44번째 줄
잘 되는데요? 혹시 IE 에서 안된다고 하시는건지... IE 는 원래 안되요... -..-;; IE 는 븅신이라서..
IE 에서 border-radius 넣으시려면. pie.htc 쓰세요. .htc 가 싫으시면 IE 에 border-radius 적용되게 해주는 다른 .js 도 많아요.
http://sir.co.kr/bbs/board.php?bo_table=pg_html&wr_id=12840
13년 전
jquery 플로그인 사용하시면 ie에서도 잘 적용됩니다 ^^
http://www.malsup.com/jquery/corner/
http://www.malsup.com/jquery/corner/
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 130 | 20년 전 | 4012 | ||
| 129 | 20년 전 | 2951 | ||
| 128 | 20년 전 | 3692 | ||
| 127 | 20년 전 | 3533 | ||
| 126 | 20년 전 | 3783 | ||
| 125 | 20년 전 | 8600 | ||
| 124 | 20년 전 | 2606 | ||
| 123 | 20년 전 | 3757 | ||
| 122 | 20년 전 | 3216 | ||
| 121 | 20년 전 | 2619 | ||
| 120 | 20년 전 | 2679 | ||
| 119 | 20년 전 | 2593 | ||
| 118 | 20년 전 | 2867 | ||
| 117 |
 damoa.biz |
20년 전 | 3070 | |
| 116 | 20년 전 | 5329 | ||
| 115 | 20년 전 | 3935 | ||
| 114 | 20년 전 | 4980 | ||
| 113 | 20년 전 | 6222 | ||
| 112 | 20년 전 | 7329 | ||
| 111 | 20년 전 | 18442 | ||
| 110 | 20년 전 | 6882 | ||
| 109 | 21년 전 | 2890 | ||
| 108 | 21년 전 | 4146 | ||
| 107 |
prosper
|
21년 전 | 2510 | |
| 106 |
prosper
|
21년 전 | 4327 | |
| 105 |
아우겐나이스
|
21년 전 | 2922 | |
| 104 | 21년 전 | 2273 | ||
| 103 | 21년 전 | 2484 | ||
| 102 | 21년 전 | 2270 | ||
| 101 | 21년 전 | 2587 | ||
| 100 | 21년 전 | 1765 | ||
| 99 | 21년 전 | 1578 | ||
| 98 | 21년 전 | 1624 | ||
| 97 | 21년 전 | 2142 | ||
| 96 | 21년 전 | 1894 | ||
| 95 | 21년 전 | 2389 | ||
| 94 | 21년 전 | 3569 | ||
| 93 | 21년 전 | 1571 | ||
| 92 | 21년 전 | 1767 | ||
| 91 | 21년 전 | 3190 | ||
| 90 | 21년 전 | 2348 | ||
| 89 | 21년 전 | 3186 | ||
| 88 | 21년 전 | 2876 | ||
| 87 | 21년 전 | 3303 | ||
| 86 | 21년 전 | 5149 | ||
| 85 | 21년 전 | 2533 | ||
| 84 | 21년 전 | 4834 | ||
| 83 | 21년 전 | 2514 | ||
| 82 | 21년 전 | 3129 | ||
| 81 | 21년 전 | 7642 | ||
| 80 | 21년 전 | 3839 | ||
| 79 | 21년 전 | 3218 | ||
| 78 | 21년 전 | 4703 | ||
| 77 | 21년 전 | 2911 | ||
| 76 | 21년 전 | 6228 | ||
| 75 | 21년 전 | 4478 | ||
| 74 | 21년 전 | 5795 | ||
| 73 | 21년 전 | 3635 | ||
| 72 | 21년 전 | 5978 | ||
| 71 | 21년 전 | 3126 | ||
| 70 | 21년 전 | 2856 | ||
| 69 | 21년 전 | 2648 | ||
| 68 | 21년 전 | 2454 | ||
| 67 | 21년 전 | 2661 | ||
| 66 | 21년 전 | 2683 | ||
| 65 | 21년 전 | 3794 | ||
| 64 | 21년 전 | 2835 | ||
| 63 | 21년 전 | 2466 | ||
| 62 | 21년 전 | 2275 | ||
| 61 | 21년 전 | 3092 | ||
| 60 | 21년 전 | 3142 | ||
| 59 | 21년 전 | 2527 | ||
| 58 | 21년 전 | 2600 | ||
| 57 | 21년 전 | 2980 | ||
| 56 | 21년 전 | 2340 | ||
| 55 | 21년 전 | 2771 | ||
| 54 | 21년 전 | 2136 | ||
| 53 | 21년 전 | 2363 | ||
| 52 | 21년 전 | 2712 | ||
| 51 |
prosper
|
21년 전 | 2360 | |
| 50 |
prosper
|
21년 전 | 2181 | |
| 49 | 21년 전 | 2193 | ||
| 48 | 21년 전 | 2351 | ||
| 47 | 21년 전 | 1946 | ||
| 46 | 21년 전 | 1935 | ||
| 45 | 21년 전 | 2138 | ||
| 44 | 21년 전 | 2374 | ||
| 43 | 21년 전 | 4588 | ||
| 42 |
prosper
|
21년 전 | 2718 | |
| 41 |
prosper
|
21년 전 | 2119 | |
| 40 | 21년 전 | 2186 | ||
| 39 | 21년 전 | 2157 | ||
| 38 | 21년 전 | 2429 | ||
| 37 | 21년 전 | 2578 | ||
| 36 | 21년 전 | 1785 | ||
| 35 | 21년 전 | 4087 | ||
| 34 | 21년 전 | 3861 | ||
| 33 | 21년 전 | 3000 | ||
| 32 |
prosper
|
21년 전 | 2912 | |
| 31 | 21년 전 | 5299 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기