Edited at

hack 色々 メモ

More than 1 year has passed since last update.


■safari

/* Safari 9.0+ (non-iOS) */


_:-webkit-full-screen:not(:root:root), body {
.navFixed {
right: 60px;
}
}

/* Safari 9.0+ */


_::-webkit-:not(:root:root), body {
.navFixed {
right: 60px;
}
}

だったかな?


■firefox

@-moz-document url-prefix() {

.m-modal__table--ffff td.company {
width: 649px !important;
}
}


■IE

/* IE9,8 */

.m-modal__table--aaaa th.company {

width: 465px\9 !important;
}

/* IE10以降に適用される, Edge */

@media all and (-ms-high-contrast:none)

{
.m-modal__table--aaaa th.company {
width: 465px !important;
}
}

/* Edgeだけに適用する */

    @supports (-ms-ime-align:auto) {

.header--lower .gnav__list {
top: 58px !important;
}
}
@supports (-ms-accelerator:true) {
.header--lower .gnav__list {
top: 58px !important;
}
}


■IE8でnth-child(*)使いたい

.thumb__list--2 {

position: absolute;
top: 0;
right: 0;
ul {
position: relative;
li {
position: absolute;
&:nth-child(1) {
top: 30px;
right: 190px;
}
&:nth-child(2) {
top: 190px;
right: 210px;
}
&:nth-child(3) {
top: 190px;
right: 30px;
}
&:nth-child(4) {
top: 300px;
right: 180px;
}
}
}
}

/* IE 8 hack */

.thumb__list--2 {

ul {
> *:first-child {
top: 30px;
right: 190px;
& + * {
top: 190px;
right: 210px;
}
& + * + * {
top: 190px;
right: 30px;
}
& + * + * + * {
top: 300px;
right: 180px;
}
}
}
}


■window(os)のchrome(ブラウザ)とか

https://github.com/rafaelp/css_browser_selector

.win {

&.chrome {
.schedule--07 {
.checkpoint--second {
&-03 {
.checkpoint_arrow {
top: 50px !important;
}
}
}
}
}
}

▼その他

.mac .chrome p {

color:black;

}

.win .chrome p {

color:white;

}