0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-03 15:24:19 +01:00

Fixes #10903 and #10457: IE8-9 don't support events on elements without background-color, so we have to hack it

This commit is contained in:
Mark Otto 2013-10-20 16:46:38 -07:00
parent 32468b087b
commit 6a93a6b88a
3 changed files with 15 additions and 2 deletions

View File

@ -730,7 +730,7 @@ address {
} }
code, code,
kdb, kbd,
pre, pre,
samp { samp {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
@ -6439,6 +6439,8 @@ button.close {
margin: 1px; margin: 1px;
text-indent: -999px; text-indent: -999px;
cursor: pointer; cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #ffffff; border: 1px solid #ffffff;
border-radius: 10px; border-radius: 10px;
} }

File diff suppressed because one or more lines are too long

View File

@ -160,6 +160,17 @@
border: 1px solid @carousel-indicator-border-color; border: 1px solid @carousel-indicator-border-color;
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
// IE8-9 hack for event handling
//
// Internet Explorer 8-9 does not support clicks on elements without a set
// `background-color`. We cannot use `filter` since that's not viewed as a
// background color by the browser. Thus, a hack is needed.
//
// For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
// set alpha transparency for the best results possible.
background-color: #000 \9; // IE8
background-color: rgba(0,0,0,0); // IE9
} }
.active { .active {
margin: 0; margin: 0;