标签: cross-browser

嗨，我不久前在我的餐桌上创建了这个网站，但刚刚意识到水平滚动潜水在 Safari 中不起作用。

#galleryscroller {
    overflow-x:scroll ;
    overflow-y:hidden;
    overflow:-moz-scrollbars-horizontal !important;
    height:138px; 
    width:360px;
}

<div id="galleryscroller">
<table width="100%"  border="0" cellspacing="0" cellpadding="6">
<tr align="left" valign="middle">
<td><a onclick="return showPic(this)" href="blahblah.jpg"><img src="blahblah.jpg" alt="Events" width="76" height="100" border="0" /></a></td>
<td><a onclick="return showPic(this)" href="blahblah.jpg"><img src="blahblah.jpg" alt="Events" width="100" height="67" border="0" /></a></td>
</tr>
</table>
</div>

该网站在这里 - www.tobymurphy.com

任何人都可以帮忙吗？到目前为止，谷歌上的答案都没有奏效......

现在我正在使用以下 CSS：

option
{
    border-width: 1px;
    border-style: solid;
}

这在 Firefox 中工作正常，但在 IE 中无效。我不确定它是否有所不同，但选项标记是由 ASP.NET ListBox 控件生成的。

可能的重复：
最佳 css 重置

实现 CSS 重置的最佳方法是什么？我的问题更多是在实现跨浏览器、跨平台兼容的布局的上下文中。例如，布局在桌面浏览器（如 ie、firefox 甚至 iPad）上看起来应该相似，在某种程度上在 iPhone 上也是如此。

请让我知道我是否应该应用 CSS 重置来实​​现这一点。

我正在开发一个 ASP.NET MVC3 web 应用程序。

我有一个“下载”按钮，可以从服务器下载文件。

<input type="button" onclick="window.location.href='@Url.Action("DownloadFile", "Home")';" value="Download"/>

在 HomeController 中，我调用返回文件的操作“DownloadFile”

return File(fileToReturn, Path.GetFileName(fileToReturn));

这在所有浏览器上正常工作。

但是有些人报告说下载在 Internet Explorer 6 上不起作用。

我安装了 IE6 并在其上测试了网站，它工作正常。

所以这是我的问题：

什么可能导致下载不适用于某些 IE6 但适用于其他 IE6？

首先，我认为这是 IE 中的安全选项。但是后来我在我的 IE6 上测试了不同的安全选项，当我由于安全原因无法下载时，我收到一条消息 Your current security settings does not allow this file to be downloaded但他们没有得到这个（文件只是没有发生任何事情就没有下载）

什么可能导致这种情况？我无法重现它以修复它。

非常感谢您的帮助

我有一些 JavaScript 将查看是否设置了 var，如果设置了，则执行某些操作，否则不执行。

if (reset === 'reset') {
    gallery.unformat(container);
}

reset仅在页面加载后设置。所以这个脚本只会在用户重新加载页面后执行。

如果我在 Firefox 中打开一个新标签reset未设置。如果我在 chrome 中打开一个新标签reset设置。

因此，对于我的情况，chrome 会正确处理它，并且只有在第一次访问该站点时才会设置此 var，因此一切正常。

我想知道变量是否跨选项卡传播，如果是这样，哪些浏览器会做什么？

我以为我让jQuery 的 Datepicker工作正常，但随后客户端注意到它在 IE 和 Safari（5 或 6）中无法正常工作。多。

根据 Datepicker 文档，您应该：

“将开始日期和结束日期设置为实际日期（new Date(2009, 1 - 1, 26))”

这就是我所做的，它在 Chrome 和 Firefox 中完美运行。

这是我正在使用的代码示例，以及说明问题的jsFiddle。

$(document).ready(function() {

  var startDate = "2013,5,1";
  var endDate  = "2013,7,1";

  function noSundays(date) {
    return [date.getDay() != 0, ''];
  }    

  function datepickerInit(startDate, endDate) {
    $( "#date" ).datepicker({
      inline: true,
      minDate: new Date(startDate),
      maxDate: new Date(endDate),
      beforeShowDay: noSundays,
      dateFormat: 'dd/mm/yy' 
    });
  }   

  datepickerInit(startDate, endDate);   

});

我做错了什么？

我正在使用fingerprintjs参考：http : //valve.github.io/fingerprintjs/

每次我使用特定页面时，它都能正常工作并生成相同的代码。但是当在同一浏览器的私有模式下执行相同的代码和页面时，它会生成不同的代码。

var fingerprint = new Fingerprint({
                       ie_activex: true,
                       screen_resolution: true,
                       canvas: true}).get();
console.log(fingerprint);

我应该怎么做才能使其在私人模式下相同。

MDN将渐进式网络应用中的" 渐进式 " 定义为 -

可以开发现代网络应用程序,为功能完备的浏览器提供超酷的体验,并为功能较弱的浏览器提供可接受的(虽然不那么闪亮)体验.我们多年来一直在通过逐步增强等最佳实践来做这件事,所以让我们保持良好的工作.

据我所知,在javascript功能方面,我们可以使用if-else条件来检查功能的存在并适当地处理它.

但是什么是HTML/CSS的最佳方法呢？

google/MDN文档非常强调检查JS功能,但没有html/css的文档.

我的用例是构建一个具有现代功能的Web应用程序,但仍适用于各种浏览器(包括Opera Mini和UC Browser等代理浏览器).

我正在寻找一种方法来修改style.css文件，使其仅定位到Internet Explorer浏览器（这样就不会影响Chrome和Firefox的样式）。

例

我想要以下样式的Chrome和Firefox：

.header .currency {margin: **-28px** 0px 0px 0px;}

我想要IE的以下样式：

.header .currency {margin: **-30px** 0px 0px 0px;}

注意

存在用于HTML文件上CSS修改的帖子，这不是我想要的。因此，如果未链接到.CSS文件，请不要提供响应。

我的代码很简单：

<input type="date">

在Firefox和Chrome中运行它时，我得到两种不同的设计：

Firefox：

铬：

不仅设计有所不同，功能也有所不同。在Mozilla中，当我在日期框内单击时，它将显示日期，但是在Chrome中，如果我们要日期框，则应单击下拉箭头符号。

是否有任何方法可以更改功能和设计，以使其在两种浏览器中都可以正常工作并且外观相同？