cross-browser

Same font except its weight seems different on different browsers

由 痞子三分冷 提交于 2019-12-27 09:06:32
问题 The text is correctly displayed in Chrome. I want it to display this way in all browsers. How can I do this? I was able to fix this in Safari with -webkit-font-smoothing: antialiased; Chrome: Firefox: h1 { font-family: Georgia; font-weight: normal; font-size: 16pt; color: #444444; -webkit-font-smoothing: antialiased; } <h1>Hi, my name</h1> And a JSFiddle: http://jsfiddle.net/jnxQ8/1/ 回答1: Be sure the font is the same for all browsers. If it is the same font, then the problem has no solution

css 'pointer-events' property alternative for IE

由 与世无争的帅哥 提交于 2019-12-27 08:18:17
问题 I have a drop down navigation menu in which some of the title should not navigate to other page when clicked(these title open a drop down menu when clicked on) while others should navigate (these dont have dropdown and navigate directly).However, both types have href defined to them To solve this i added the following css for the former type of titles pointer-events: none; and it is working fine.But since this property is not supported by IE, i am looking for some work-around. The annoying

javascript/jquery - crossbrowser detection when user is closing the browser?

由 时光怂恿深爱的人放手 提交于 2019-12-25 17:01:14
问题 i'm looking for a reliable way on how to detect when a user closes the browser/tab in order to display a warning message (i'm having a shopping cart which uses sessions). i've googled and couldn't find a proper solution - window.onunload will display a message every time i'm refreshing the page .. any ideas? thanks 回答1: You can't tell the difference between closing, reloading, back/forward etc. beforeunload is fired on all of them. Depending on if you launched the window yourself, you could

is it possible pass data between two different browsers?

由 痞子三分冷 提交于 2019-12-25 16:41:40
问题 I have to pass data between two different browser windows ( Eg: Chrome , Firefox ) . But the two browser windows does not have any parent window . Assumption: Suppose if I know one browser window name , is it possible to get the data from other browser? Its is an R&D . 回答1: Server Option using (node.js) If you are open to use node.js i suggest you to take a look on Socket.io. They have a pretty good example of how to communicate on 2 or more browser using the chat example. Take a look on this

Make a div fill the rest of the page (cross-browser)

由 流过昼夜 提交于 2019-12-25 09:01:41
问题 I just want to make a div below some fixed texts, and I want the div to fill exactly the height of the page, and I want it to work cross-browser... It is hard to believe how much work such a nature task requires. I tried this code, which adjusts the height by jQuery. It works well in Chrome, but it does not work perfectly in Chrome: if we scroll down, we could see it does not automatically restore to the initial position. <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com

Document.referrer issue on IE when the requests doesn't come from a link [duplicate]

由 风流意气都作罢 提交于 2019-12-25 08:56:25
问题 This question already has answers here : Closed 8 years ago . Possible Duplicate: IE has empty document.referrer after a location.replace Hi there, I have got an issue on using the document.referrer property in IE. When I get to a page not through a link but changing the window.location through JavaScript, the document.referrer of the destination page is empty in IE7/8. Any idea on how to get around it? Thanks. 回答1: Store the old page url in a cookie. Or add the referer to the url in the

Mouse over effect is not working in IE

由 走远了吗. 提交于 2019-12-25 08:14:52
问题 My code: <td width="70" height="60"> <a href="images/Gallery1/6.jpg" rel="lightbox" title="my title" > <img src="images/Gallery1/thumbs/6.jpg" width="65" height="40" border="0" class="gallery-img"> </a> </td> And CSS: .gallery-img{ border:4px solid #FFFFFF; } .gallery-img:hover{ border:4px solid #D4D5D8; } The above code runs fine using Firefox, but not when using IE 8. How can I fix this? 回答1: That will work in IE8 if you are in Standards Mode . It won't work if you're in Quirks Mode: :hover

bootstrap 3 radio button broke IE

由 心不动则不痛 提交于 2019-12-25 07:19:29
问题 <form method="post" role="form" class="form-horizontal"> <div class="form-group"> <div class="radio"> <label class="control-label col-sm-2"> <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date</label> <div class="col-sm-3"> <input type="text" class="form-control" id="startDate"> </div> <div style="float:left">:</div> <div class="col-sm-3"> <input type="text" class="form-control" id="endDate"> </div> </div> </div> My radio button display normal with chrome,

css text-decoration underline not working when applied to the text of an input button

由 你离开我真会死。 提交于 2019-12-25 06:54:08
问题 Pretty self explanatory. I have an input button. It has text. It has a css class. The css class has the attribute "text-decoration:underline;". The underline does not show up in firefox . I tried adding "!important" to the attribute but to no avail. Apparently this is a known issue. Anyone know a workaround? 回答1: Apply position: absolute , display: block , or float: left to the button. ( display: block recommended.) Don't ask why. You may also notice that Firefox will render the underline in

Is the conversion from HTML to DOM and back to HTML standardized?

由 左心房为你撑大大i 提交于 2019-12-25 05:23:26
问题 I'm working on an rich-text editor that will be using ContentEditable. It's imperative that a document that is loaded into the browser (from the web server) is not altered in any way by the conversion to DOM, and then back to HTML alone (assuming the user has not made any changes). It's alright if the HTML document is modified the first time it's created and saved by a browser, but subsequently should not occur again, which simply requires that all browsers will produce the same DOM based on
订阅 cross-browser