메뉴 테두리를 둥글게 하고싶은데 안되네요...
.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;를 넣으면 될것같은데 아무리 넣어봐도 마우스 오버시 테두리가 둥글게 되지가 않아요
도움좀 부탁드립니다.
문제의페이지 입니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 2개
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
http://www.malsup.com/jquery/corner/