cross-browser | 易学教程

Overflow: overlay doesn't work in firefox

阅读更多关于 Overflow: overlay doesn't work in firefox

问题 On my website I need to use the css property overflow: overlay for a <div> . However, it is not rendering in the browser and an inspection of the css in firebug shows that it isn't even there, but it is as it works in Chrome. I havn't tested out safari. What must I change to get the overflow: overlay css property working? Thanks 回答1: Possible values for overflow are: visible hidden auto scroll See here or here for a discussion of these. Using any other value in different browsers will yield

Google Map not working with XHTML Doctype (Document Type)

阅读更多关于 Google Map not working with XHTML Doctype (Document Type)

Why on the earth there is always a chance that if we use "Doctype" with Google Maps, there will be a problem in showing the Google Map correctly? In a recent case, this "Doctype" just took my 2 days without any productivity. What a disgusting case? This time I got a help from one of my colleague (Subhankar Bannerjee), and many thanks to him due to his timely & efficient help. He also mentioned about this same problem, which he had faced many a times. Can anyone please tell me why this Doctype problem happens with Google Map? Any help is greatly appreciated. EDIT (for comment of @Balus):- I was

HTML 5 - Early Adoption Where Possible - Good or Bad?

阅读更多关于 HTML 5 - Early Adoption Where Possible - Good or Bad?

问题 This question was inspired a bit by this question, in which the most upvoted answer recommended using a feature from HTML 5. It certainly seemed to be a good method to me, but it made me curious about using features from a future spec in general. HTML 5 offers a lot of nice improvements, many of which can be used without causing problems in current browsers. Some examples: // new, simple HTML5 doctype (puts browsers in standards mode) <!doctype HTML> // new input types, for easy, generic

PGP Encryption in Javascript

阅读更多关于 PGP Encryption in Javascript

问题 I'm looking to do some client-side PGP encryption in Javascript. I've found some GPL library scattered on the web, but for obvious reason, I cannot use that code due to licensing issues. I'm looking for some BSD-like license library that would accomplish the same thing. Anyone know of a library I could use? 回答1: I recently found a MIT licensed client-side javascript library: https://github.com/bitwiseshiftleft/sjcl It works well so far, and it allows for a full-client side encryption of the

How cross browser is the ping attribute of anchor elements?

阅读更多关于 How cross browser is the ping attribute of anchor elements?

问题 <a ping="..."> is a relatively new, relatively unknown attribute in HTML5's anchor element. How cross-browser compliant is it? I've looked at online sources like MDN and http://caniuse.com, but found nothing that suggest browser support. I want to know if it's a viable option for link tracking today in 2014. 回答1: The ping attribute was included in pre-W3C drafts of HTML5. It remained in W3C drafts of HTML5 up until early 2010 - the last draft to include it was W3C Working Draft 4 March 2010;

What is the difference between JSON and AJAX with jQuery?

阅读更多关于 What is the difference between JSON and AJAX with jQuery?

问题 I've heard that JSON serializes all the data, which stops me having problems client side in terms of cross-browser support etc.. I've been using AJAX with jQuery and it seems easy, but I'm unsure of the differences, I've read I can also use this to get the data: $.ajax({ url: url, dataType: 'json', data: data, success: callback }); Can anyone explain the difference between making a jQuery AJAX request using JSON and making a jQuery AJAX request without the json type? Will the answer be ok for

@font-face: bold in FF is bolder than in Chrome

阅读更多关于 @font-face: bold in FF is bolder than in Chrome

问题 I used this code: @font-face { font-family: 'DroidSansRegular'; src: url('droidsans-webfont.eot'); src: url('droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('droidsans-webfont.woff') format('woff'), url('droidsans-webfont.ttf') format('truetype'), url('droidsans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansBold'; src: url('droidsans-bold-webfont.eot'); src: url('droidsans-bold-webfont.eot?#iefix')

@font-face not displaying correctly in IE

阅读更多关于 @font-face not displaying correctly in IE

I have been searching for hours, asked friends and it didn't work out. So I hope you guys can help me. My website uses a custom font, but IE(10) doesn't support that on the way I do it. I have no idea it supports other methods. Here is mine: @font-face { font-family: shardee; src:url('fonts/Shardee.ttf'); } It is not necessary to have a custom font in Internet Explorer, but it would be nice. When Internet Explorer doesn't know the font, it used its default font. But the problem is, that the font-size of the custom font is perfect, but of the Internet Explorer default font it is way too big. I

If I'm already using Modernizr, will I then even need HTML5 Shiv?

阅读更多关于 If I'm already using Modernizr, will I then even need HTML5 Shiv?

问题 1) If I'm already using Modernizr, will I then even need HTML5 Shiv to enable HTML5 tag support for IE? 2) Is HTML5 Shiv only for IE, or for all browser who don't have native HTML 5 support? Like older versions of Firefox, Safari, Chrome, etc? 回答1: 1) If I'm already using Modernizer then even will I need HTML5 Shiv to enable HTML5 tag supports for IE. You don't need to separately include html5shiv, because Modernizr includes it: As of Modernizr 1.5, this script is identical to what is used in

Stupid error: Failed to load resource: net::ERR_CACHE_MISS

阅读更多关于 Stupid error: Failed to load resource: net::ERR_CACHE_MISS

问题 I'm developing Web app in Yii framework. I need use AJAX in my some pages. So, when I clicked the button (which I loaded them with AJAX the Google Chrome Developer Tools browser says me: Failed to load resource: net::ERR_CACHE_MISS How to solve this problem? P.S: I know it's duplicate question, but I couldn't find the solution for my problem. In some posts users said use Ctrl + Shift + N and try it. it will works. and/or somebody said: reload pages with Ctrl + F5 because Google Chrome likes