.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/
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 330 |
prosper
|
20년 전 | 2285 | |
| 329 |
prosper
|
20년 전 | 1914 | |
| 328 |
prosper
|
20년 전 | 1708 | |
| 327 | 20년 전 | 3775 | ||
| 326 | 20년 전 | 4860 | ||
| 325 |
hwatta
|
20년 전 | 2491 | |
| 324 |
 hanpedro |
20년 전 | 3148 | |
| 323 | 20년 전 | 5871 | ||
| 322 |
hwatta
|
20년 전 | 2855 | |
| 321 |
hwatta
|
20년 전 | 2326 | |
| 320 |
yesmoa
|
20년 전 | 4578 | |
| 319 | 20년 전 | 2692 | ||
| 318 | 20년 전 | 2243 | ||
| 317 |
kyodon
|
20년 전 | 2765 | |
| 316 | 20년 전 | 2587 | ||
| 315 |
hanpedro |
20년 전 | 2889 | |
| 314 |
hanpedro |
20년 전 | 3346 | |
| 313 |
 damoa.biz |
20년 전 | 2652 | |
| 312 |
yesmoa
|
20년 전 | 4726 | |
| 311 | 20년 전 | 3284 | ||
| 310 |
홀로남은자
|
20년 전 | 4572 | |
| 309 | 20년 전 | 3010 | ||
| 308 | 20년 전 | 4142 | ||
| 307 | 20년 전 | 4377 | ||
| 306 | 20년 전 | 7040 | ||
| 305 | 20년 전 | 3873 | ||
| 304 | 20년 전 | 2775 | ||
| 303 |
크리스탈처럼
|
20년 전 | 4412 | |
| 302 | 20년 전 | 2211 | ||
| 301 |
 수다쟁이오도리씨 |
20년 전 | 4328 | |
| 300 | 20년 전 | 3814 | ||
| 299 | 20년 전 | 2629 | ||
| 298 | 20년 전 | 4840 | ||
| 297 |
 bbking |
20년 전 | 2532 | |
| 296 | 20년 전 | 4537 | ||
| 295 | 20년 전 | 3573 | ||
| 294 | 20년 전 | 3596 | ||
| 293 | 20년 전 | 3822 | ||
| 292 | 20년 전 | 3216 | ||
| 291 |
yesmoa
|
20년 전 | 5957 | |
| 290 | 20년 전 | 2942 | ||
| 289 | 20년 전 | 5866 | ||
| 288 |
bbking |
20년 전 | 2384 | |
| 287 |
bbking |
20년 전 | 1815 | |
| 286 |
bbking |
20년 전 | 2153 | |
| 285 |
bbking |
20년 전 | 3545 | |
| 284 |
bbking |
20년 전 | 2040 | |
| 283 |
bbking |
20년 전 | 4405 | |
| 282 | 20년 전 | 3383 | ||
| 281 |
bbking |
20년 전 | 2216 | |
| 280 |
bbking |
20년 전 | 7812 | |
| 279 | 20년 전 | 5562 | ||
| 278 | 20년 전 | 2999 | ||
| 277 |
hanpedro |
20년 전 | 5575 | |
| 276 | 20년 전 | 2363 | ||
| 275 | 20년 전 | 2618 | ||
| 274 | 20년 전 | 2403 | ||
| 273 | 20년 전 | 2230 | ||
| 272 | 20년 전 | 2159 | ||
| 271 | 20년 전 | 2617 | ||
| 270 | 20년 전 | 2670 | ||
| 269 | 20년 전 | 2497 | ||
| 268 | 20년 전 | 2695 | ||
| 267 | 20년 전 | 2382 | ||
| 266 | 20년 전 | 2572 | ||
| 265 | 20년 전 | 3516 | ||
| 264 |
bbking |
20년 전 | 5376 | |
| 263 |
hanpedro |
20년 전 | 3738 | |
| 262 | 20년 전 | 3198 | ||
| 261 |
허저비
|
20년 전 | 5944 | |
| 260 |
bbking |
20년 전 | 5722 | |
| 259 | 20년 전 | 4147 | ||
| 258 | 20년 전 | 2381 | ||
| 257 | 20년 전 | 3201 | ||
| 256 | 20년 전 | 1915 | ||
| 255 | 20년 전 | 1587 | ||
| 254 | 20년 전 | 3157 | ||
| 253 | 20년 전 | 3550 | ||
| 252 | 20년 전 | 5131 | ||
| 251 | 20년 전 | 5825 | ||
| 250 | 20년 전 | 3685 | ||
| 249 | 20년 전 | 5030 | ||
| 248 | 20년 전 | 3297 | ||
| 247 | 20년 전 | 3655 | ||
| 246 |
bbking |
20년 전 | 7965 | |
| 245 |
bbking |
20년 전 | 5925 | |
| 244 | 20년 전 | 4498 | ||
| 243 |
hanpedro |
20년 전 | 4073 | |
| 242 | 20년 전 | 2800 | ||
| 241 | 20년 전 | 2747 | ||
| 240 | 20년 전 | 2386 | ||
| 239 | 20년 전 | 1675 | ||
| 238 |
아우겐나이스
|
20년 전 | 2283 | |
| 237 |
email
|
20년 전 | 3696 | |
| 236 | 20년 전 | 4174 | ||
| 235 | 20년 전 | 10474 | ||
| 234 | 20년 전 | 5083 | ||
| 233 | 20년 전 | 3385 | ||
| 232 | 20년 전 | 3226 | ||
| 231 | 20년 전 | 3863 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기