Tôi đang sử dụng điều khiển này để sắp xếp thời gian. Tôi có một danh sách các nút radio và sau đó là nhiều khung nội dung. Tùy theo nội dung mà tôi muốn tăng giảm độ sáng trong và ngoài tầm kiểm soát cho phù hợp. Nhưng vì lý do nào đó, việc đặt một float trên div và đặt chỉ mục z không làm cho chúng nổi lên nhau. Chúng xuất hiện và biến mất một cách chính xác, nhưng tôi muốn chúng mờ dần và mờ dần lên nhau thay vì xuất hiện rồi trượt vào vị trí như bây giờ.
ý kiến của tôi
<%: Html.RadioButtonFor(x => x.RecurringType, RecurringType.Daily, new { id = "daily-radio", @class = "recurring-selector" }) %> Hàng ngày
<%: Html.RadioButtonFor(x => x.RecurringType, RecurringType.Weekly, new { id = "weekly-radio", @class = "recurring-selector" })%> Hàng tuần
<%: Html.RadioButtonFor(x => x.RecurringType, RecurringType.Monthly, new { id = "monthly-radio", @class = "recurring-selector" })%> Hàng tháng
<%: Html.RadioButtonFor(x => x.RecurringType, RecurringType.Yearly, new { id = "yearly-radio", @class = "recurring-selector" })%> Hàng năm
|
<%: Html.RadioButtonFor(x => x.DailySelection, DailySelection.Span, new { id = "daily-span" })%> Mọi (x => x.DailyRecurring.Span, new { @class = "small" })%> ngày <%: Html.RadioButtonFor(x => x.DailySelection, DailySelection.EveryWeekday, new { id = "daily-every-weekday" })%> Mỗi ngày trong tuần
Định kỳ mỗi <%: Html.TextBoxFor(x => x.WeeklyRecurring.Span, new { @class = "small" })%> ) trên: <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Sunday) %> Chủ Nhật | <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Monday) %> Thứ Hai | <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Tuesday) %> Thứ Ba | <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Wednesday) %> Thứ Tư | <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Thursday) %> Thứ Năm | <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Friday) %> Thứ Sáu | <%: Html.CheckBoxFor(x => x.WeeklyRecurring.Saturday) %> Thứ bảy | |
hàng tháng
Hàng năm
|
|
Đây là CSS của tôi
#bảng định kỳ { width:100% }
#recurring-table span { font-weight: đậm; text-transform: viết hoa; lề dưới: 6px; màu: #5a5a5a;
#bảng định kỳ div { đệm: 3px 0 3px 0;
#recurring-selector { width: 100px }
.recurring-control { /*float: left; vị trí: tương đối; trên cùng bên trái: 0;*/}
#kiểm soát hàng ngày { z-index:10 }
#kiểm soát hàng tuần { z-index:11 }
#kiểm soát hàng tháng { z-index:12 }
#kiểm soát hàng năm { z-index:13 }
Tôi muốn chúng nổi tương đối trong bảng. Bạn có ý tưởng nào về cách làm cho chúng nổi lên nhau để chúng không di chuyển ra khỏi vị trí khi chúng mờ dần không?
Nếu bạn muốn nhắm mục tiêu một cái gì đó như thế này, bạn cần một cái gì đó như thế này:
#recurring-control-wrapper {
position: relative;
}
.recurring-kiểm soát {
vị trí: tuyệt đối
top: 0;
left: 0;
}
Tôi là một lập trình viên xuất sắc, rất giỏi!