안녕하세요.
엣지 브라우즈에서만
각 일자 부분에 마우스를 움직여 보면 라인박스 가로줄이 보였다가 보이지 않았다가 합니다.
(관리자님 견본 스킨 증상 첨부합니다.)
다른 타 브라우즈에서는 이상 증상이 보이지 않습니다.
조치 방법이 있을까요?
수고하세요.
2021.07.03 19:00
2021.07.03 19:46
안녕하세요.
네. 답변 감사합니다.
좋은 주말되세요.
2021.07.03 22:36
이렇게 수정해보니 되는것 같습니다.
확인한번 부탁드립니다.
/* Planner123 - (calendar) */
.planner_calendar {clear:both; width:100%; border-collapse:collapse; table-layout:fixed; border-bottom:1px solid #ccc;}
.planner_calendar thead th {padding:0 5px; border-spacing:0; height:36px; text-align:left; border:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background: #f5f7f9; font-weight:normal;}
.planner_calendar tbody tr {text-align:left;}
.planner_calendar td {padding:0; border-spacing:0; border:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; height:126px; vertical-align:top;}
.planner_calendar_inner {margin:0; padding:5px 0 0 5px; width:100%; min-height:80px; display:block; border-top:1px solid #ccc;}
.planner_calendar_inner ul {vertical-align:top; text-align:left; border:none;}
.planner_calendar_inner .drag {float:none; margin: 0 0 5px 0;}
.planner_calendar li {height:auto; padding:0; list-style-type:none;}
.planner_calendar .holiday {color:#ff0000;}
.planner_calendar .offday {background-color:#f5f5f5;}
.planner_calendar .saturday {}
.planner_calendar .weekday {color:#303030;}
.planner_calendar .lunar {color:#b03060; padding:0 5px;}
.planner_calendar .islamic {color:#0000cd;}
.planner_calendar .seasons24 {color:#0000ff;}
.planner_calendar .memorial {color:#008b8b; padding-top:1px;}
.planner_calendar .small {font-size:0.9em;}
.planner_calendar .font_big {font-size:15px;}
.planner_calendar tbody .today_bg {background:#feebee;}
.planner_calendar .droppable-hover {background:#f6f6f6;}
.planner_calendar .inside {overflow:hidden; vertical-align:top; float:left;}
.planner_calendar .inside_end {overflow:hidden; vertical-align:top; float:left;}
.planner_calendar tr td.hover {background-color:#f6f6f6;}
.planner_calendar .date_div {padding-left:2px;}
/* ..planner_calendar .link_allow {display:block; overflow:hidden;}
.planner_calendar .link_allow:hover {background-color:#52FBF9; opacity:1; filter:alpha(opacity=100); } */
.planner_calendar .holiday_topline {display:none;}
.planner_calendar .holiday_bottomline {display:inline;}
.planner_calendar .memday_topline {display:none;}
.planner_calendar .memday_bottomline {display:inline;}
/* .planner_calendar .schedule_bottom {border-bottom:1px solid #ffffff;} */
2021.07.04 00:48
이슬비 님 안녕하세요,
네, 위처럼 하니 보더가 그대로 유지 되는군요. 그런데 원인은 모르겠어요.ㅜㅜ
참고: 위 CCS 첫줄은 아래와 같이 보더 코드가 없어도 작동 되는것 같습니다.
.planner_calendar {clear:both; width:100%; border-collapse:collapse; table-layout:fixed; border-bottom:1px solid #ccc;}
감사합니다.
ksc
이슬비 님 안녕하세요,
MS엣지에서 그런 현상이 생기는군요. 엣지 버전 차이인지 아니면 PC사양 차이인지는 모르겠으나,
제가 테스트 해본 바로는 이곳 사이트 에서는 이상이 없었고, 다른 곳에서 테스트 했을 때는
보더가 지워지는 현상이 생겼습니다.
CSS 를 조정하면서 시험을 해봤는데 레이아웃에 적용된 보더를 지우거나,
planner123_calendar_white.css 파일 102번 라인, 쿼서 hover시 배경색 출력 코드를 지워 버리면 그런 현상은 사라지는데...
왜 그런건지 정확한 원인은 모르겠습니다.
---planner123_calendar_white.css 파일 102번 라인----
.planner_calendar tr td.hover { background-color: #DDFFFA; }
감사합니다.
ksc