cross-browser

Text input placeholders not displaying in IE and Firefox

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-03 05:50:45
My text input placeholders refuse to display in IE and Firefox despite having used the -moz-placeholder attribute. This can be viewed on the contact page here if you are using Firefox or IE. Can someone please help I have been trying to figure this out for weeks. A sample of my code is below: input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-size: 18px; } input:-ms-input-placeholder, textarea::-ms-input-placeholder { color: #aaa; font-size: 18px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-size: 18px; } As luke2012 stated

Can I get away with testing sites using IE8 with IE7 compatibility on?

不羁岁月 提交于 2019-12-03 05:47:06
As a developer, can I safely upgrade to IE8 and use its IE7 compatibility mode to test how sites look in IE7? For IE6, I have a virtual machine and it is quite inconvenient. I don't want to upgrade to IE8 and then have another virtual machine now for IE7. Or is IE7 compatibility mode really different and I can't rely on that? Compatibility mode in IE8 is not a 100% emulation of IE7. Security changes were not versioned, and some DOM operations were not versioned. Check out this blog post form Microsoft for a list of changes. http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8

Cross browser SVG preserveAspectRatio

杀马特。学长 韩版系。学妹 提交于 2019-12-03 05:41:56
问题 I'm trying to have a SVG graphic inside an <img /> tag that would fit (without crop) inside the tag with preserved aspect ratio. I created the SVG in Inkscape. It worked as expected on all browsers except for Internet Explorer 9 . To make it work on IE 9 I had to add the viewBox="0 0 580 220" and preserveAspectRatio="xMidYMid meet" and remove the width="580" and height="220" SVG properties. <svg viewBox="0 0 580 220" preserveAspectRatio="xMidYMid meet">...</svg> This seemed to work everywhere

Displaying vector graphics in a browser

依然范特西╮ 提交于 2019-12-03 05:23:30
I need to display some interactive (attaching with DOM listeners etc. and event handling) vector graphics in web site I am working on. There is a W3C recommendation for SVG though this format is still not recognized by Internet Explorer support of which is a must (for a public website). IE handles VML though and there are even javascript libraries that do some canvas-like drawing depending on a browser (SVG vs. VML) - excanvas , GFX of Dojo Toolkit and more. That would be nice and acceptable though none of them can display an SVG image from the given markup. So the question actually consists

picking jQuery 1.9 or 2.0 using JavaScript and Require.JS

岁酱吖の 提交于 2019-12-03 05:15:55
问题 jQuery 2.0 is increasingly mature: http://blog.jquery.com/2013/03/01/jquery-2-0-beta-2-released/ jQuery 2.0 breaks compatibility with older browsers, so one must know when to stay with jQuery 1.9. The recommended approach is to use IE's conditional comments: <!--[if lt IE 9]> <script src="jquery-1.9.1.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="jquery-2.0.0b2.js"></script> <!--<![endif]--> current web development best-practice suggests that we should be avoiding browser

Force Internet Explorer 9 to use IE 9 Mode

亡梦爱人 提交于 2019-12-03 05:11:56
问题 I'm using the HTML5 doctype with X-UA-Compatible meta tag near the top: <!DOCTYPE html> <!--[if lt IE 7]> <html lang="en-us" class="ie6"> <![endif]--> <!--[if IE 7]> <html lang="en-us" class="ie7"> <![endif]--> <!--[if IE 8]> <html lang="en-us" class="ie8"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="en-us"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ... But Internet Explorer 9 for some users is rendering the page in

Open file input dialog and upload onchange possible in IE?

蹲街弑〆低调 提交于 2019-12-03 05:09:08
This is basically and simplified what I have now: <style> form.noshow { height: 0; overflow: hidden; } </style> <form class=noshow target="SomeIframeThatExists"> <input type=file id=uf> </form> <a id=uflink href="/user/photo">Upload photo</a> <script> $('uf').addEvent('change', function(e) { // alert('oele'); // this would work fine this.form.submit(); // auch in IE > "Access denied" exception }); $('uflink').addEvent('click', function(e) { $('uf').click(); // opens file dialog in all browsers inc IE return false; }); </script> What it does (perfectly) in Chrome 11 and FF 4: The form is hidden

Do browsers support autocomplete for ajax loaded login forms at all?

扶醉桌前 提交于 2019-12-03 04:52:12
My problem is, that the browsers' (IE&FF) autocomplete does not work for my login form. I have a webapp with CakePHP & jQuery. To allow visitors to login/register unobtrusively. The login form is inside a div, which is loaded via AJAX. (This enables logging in without a page reload.) The browsers do recognize it as a login field, as they prompt me to save the credentials when clicking login. And they really do save the username/password, as they appear between the saved ones in the browser settings. But the saved username/password is never entered automatically. They do not appear pre-entered

Workaround of showing a base64 pdf on IE9+

你。 提交于 2019-12-03 04:51:05
I would like to convert a PDF to base64 and show on browser. The problem is , the following code works for Firefox and Chrome <iframe src="data:application/pdf;base64,encodeString></iframe> But not in IE 9 + , suppose the user is using adobe reader plugin, are there any jquery plugin/workaround that allow embed a base64 pdf on iframe? thanks As you've noticed, Internet Explorer does not support the use of DATA URIs as the source of IFRAMEs. The only workaround for this is to return your PDF content from a HTTP/HTTPS or FTP URI and use that as the source of the IFRAME. Dinesh Rajput Note: For

When should I observe Javascript events on window vs. document vs. document.body?

前提是你 提交于 2019-12-03 04:35:56
I'm using prototype.js for my web app, and I have everything running on Chrome, Safari, and Firefox. I am now working on IE8 compatibility. As I've been debugging in IE, I've noticed that there are Javascript events for which I have previously set an observer on the window, e.g. Event.observe(window, eventType, function () {...}); (where eventType might be "dom:loaded" , "keypress" , etc.) and it works just fine in Chrome/Safari/Firefox. However, in IE the observer never fires. In at least some cases I could get this to work on IE by instead placing the observer on something other than window