.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/
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6930 |
SOFTA
|
11년 전 | 5986 | |
| 6929 |
 LaRuota |
11년 전 | 1605 | |
| 6928 | 11년 전 | 1762 | ||
| 6927 | 11년 전 | 1788 | ||
| 6926 | 11년 전 | 1887 | ||
| 6925 | 11년 전 | 2279 | ||
| 6924 | 11년 전 | 3878 | ||
| 6923 | 11년 전 | 2280 | ||
| 6922 |
level999
|
11년 전 | 1045 | |
| 6921 | 11년 전 | 822 | ||
| 6920 | 11년 전 | 963 | ||
| 6919 | 11년 전 | 1075 | ||
| 6918 | 11년 전 | 1317 | ||
| 6917 | 11년 전 | 15430 | ||
| 6916 | 11년 전 | 1430 | ||
| 6915 | 11년 전 | 590 | ||
| 6914 | 11년 전 | 623 | ||
| 6913 | 11년 전 | 882 | ||
| 6912 | 11년 전 | 3134 | ||
| 6911 |
사랑해요79
|
11년 전 | 973 | |
| 6910 | 11년 전 | 751 | ||
| 6909 | 11년 전 | 786 | ||
| 6908 | 11년 전 | 648 | ||
| 6907 | 11년 전 | 837 | ||
| 6906 | 11년 전 | 1593 | ||
| 6905 | 11년 전 | 576 | ||
| 6904 | 11년 전 | 1015 | ||
| 6903 | 11년 전 | 1686 | ||
| 6902 |
2donggalbi
|
11년 전 | 525 | |
| 6901 | 11년 전 | 1402 | ||
| 6900 | 11년 전 | 725 | ||
| 6899 | 11년 전 | 867 | ||
| 6898 |
열라뽕똬이
|
11년 전 | 1320 | |
| 6897 |
this1mg
|
11년 전 | 1619 | |
| 6896 |
sbdossb
|
11년 전 | 587 | |
| 6895 |
봉보로봉봉
|
11년 전 | 1163 | |
| 6894 |
똘똘이스머츠
|
11년 전 | 502 | |
| 6893 |
네이비컬러
|
11년 전 | 3648 | |
| 6892 | 11년 전 | 1082 | ||
| 6891 |
네이비컬러
|
11년 전 | 1328 | |
| 6890 | 11년 전 | 1154 | ||
| 6889 | 11년 전 | 597 | ||
| 6888 | 11년 전 | 731 | ||
| 6887 | 11년 전 | 624 | ||
| 6886 | 11년 전 | 5064 | ||
| 6885 | 11년 전 | 563 | ||
| 6884 |
asfasdfd235
|
11년 전 | 594 | |
| 6883 | 11년 전 | 3058 | ||
| 6882 | 11년 전 | 953 | ||
| 6881 | 11년 전 | 4446 | ||
| 6880 | 11년 전 | 1827 | ||
| 6879 |
퍼블리셔지노군
|
11년 전 | 2639 | |
| 6878 | 11년 전 | 573 | ||
| 6877 | 11년 전 | 590 | ||
| 6876 | 11년 전 | 1455 | ||
| 6875 | 11년 전 | 638 | ||
| 6874 | 11년 전 | 1611 | ||
| 6873 | 11년 전 | 1611 | ||
| 6872 | 11년 전 | 4467 | ||
| 6871 |
Abilityarch
|
11년 전 | 974 | |
| 6870 | 11년 전 | 2136 | ||
| 6869 | 11년 전 | 1416 | ||
| 6868 | 11년 전 | 1463 | ||
| 6867 | 11년 전 | 1532 | ||
| 6866 | 11년 전 | 751 | ||
| 6865 | 11년 전 | 1625 | ||
| 6864 | 11년 전 | 484 | ||
| 6863 | 11년 전 | 3758 | ||
| 6862 | 11년 전 | 1856 | ||
| 6861 | 11년 전 | 1654 | ||
| 6860 | 11년 전 | 1313 | ||
| 6859 |
cityman
|
11년 전 | 6819 | |
| 6858 | 11년 전 | 1278 | ||
| 6857 |
의정부아줌마
|
11년 전 | 878 | |
| 6856 | 11년 전 | 2380 | ||
| 6855 | 11년 전 | 1711 | ||
| 6854 | 11년 전 | 838 | ||
| 6853 | 11년 전 | 1214 | ||
| 6852 | 11년 전 | 2604 | ||
| 6851 | 11년 전 | 1982 | ||
| 6850 | 11년 전 | 1804 | ||
| 6849 | 11년 전 | 2096 | ||
| 6848 | 11년 전 | 2376 | ||
| 6847 | 11년 전 | 3153 | ||
| 6846 | 11년 전 | 2728 | ||
| 6845 | 11년 전 | 2809 | ||
| 6844 | 11년 전 | 3534 | ||
| 6843 | 11년 전 | 3280 | ||
| 6842 |
아트291
|
11년 전 | 700 | |
| 6841 | 11년 전 | 4176 | ||
| 6840 | 11년 전 | 5194 | ||
| 6839 | 11년 전 | 904 | ||
| 6838 |
 iwebstory |
11년 전 | 2103 | |
| 6837 | 11년 전 | 1288 | ||
| 6836 |
netdf
|
11년 전 | 622 | |
| 6835 |
 Terrorboy |
11년 전 | 1015 | |
| 6834 | 11년 전 | 684 | ||
| 6833 |
LaRuota |
11년 전 | 2693 | |
| 6832 |
울산굿모닝
|
11년 전 | 1674 | |
| 6831 |
Terrorboy |
11년 전 | 677 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기