小编L84*_*L84的帖子

我是 Javascript 方面的新手。这是我的问题：

我希望从读卡器捕获信用卡信息，然后对其进行处理。到目前为止，我已经能够在 HTML 文本框字段中捕获虚拟信用卡数据 - 实际上这并不是什么复杂的事情，因为读卡器输入只是在读卡器上刷卡时的一组键盘事件。问题是它仅cursor focus在文本字段上存在时才有效。如果我将文本字段变成只读框，它就不起作用 - 这正是我的要求。我应该能够屏蔽输入，显示几个*s 并且我应该能够使该字段不可编辑。我希望这可以使用div文本框上的透明内容来完成 - 但我不知道如何实现这一点。

我也对其他想法持开放态度。

当我使用jQuery打印预览插件单击"打印"时,会弹出以下错误并显示Firebug:

Error: Permission denied to access property 'name'

     if (window.frames[i].name == "print-frame") { 

我不确定它究竟意味着什么或如何纠正它.

我有一个在IE 9+和所有其他浏览器中运行良好的脚本.但在IE 8或更低版本中存在视觉错误.我可以通过更改IE 8及更低版本的一些动画效果来修复此视觉错误.要做到这一点,我需要在我的页面上有两个脚本.一个用于IE 9 +,Firefox,Chrome,Safari,另一个用于IE 8及更低版本.

这是我尝试过的:

// First the Script that runs for non-IE browsers. 
<!--[if !IE]>
<script type="text/javascript">
// Script that runs
</script>
<![endif]-->

// Now for the Script for IE 8
<!--[if lt IE 9]>
<script type="text/javascript">
// Script that runs
</script>
<![endif]-->

第一个问题,主要问题是在尝试时它似乎不起作用.IE开始表现得很疯狂,脚本根本不起作用.如果我删除第一个脚本并离开第二个脚本它没有问题.看起来似乎<!--[if !IE]><!-->没有正常工作.

第二个问题:使用<!--[if !IE]><!-->我可以只针对IE 8及以下版本？

编辑2:

我的代码中有一个错误导致页脚没有粘到页面底部.我的代码看起来像这样:

<div id="footer">
 <div id="copyright-bg" class="container">
  <div class="row">
   <div class="twelvecol">
    <p class="copyright-text">Lorum Ipsum</p>
</div>
</div>
</div>
</div>

我删除<div id="footer">并移动了那些CSS属性,id="copyright-bg"然后开始正确地粘贴到底部.但现在又出现了另一个问题!我现在有不必要的滚动条!这是一个小提琴,它有最简单的代码来试图弄清楚发生了什么.我认为它可能是渐变但当我将代码更改为纯色背景时,滚动条仍然出现.

注意:我已在Chrome和Firefox中测试过.

编辑:

我试图在网站上按照说明使用CSS Sticky Footer.

我假设我的CSS中有冲突(？)这里是页面的小提琴.

我也试过这个网站建议的内容,虽然它在技术上有效,但它创建了滚动条!如果可能的话,我想避免这种情况.

原始问题

我在一个页面上工作,如果页面内容不多(IE没有页面滚动条),我的版权容器下面留下了一个黑条.

这是一个截图:

注意:如果您看到该字词Done位于浏览器的底部,则箭头指向黑条.

我尝试了一些东西来删除吧.当我添加height: 100%;到body标签时,它将采用我的背景渐变,它将到达页面的底部,但再次看起来不太好.然后我尝试添加height: 100%到版权容器中.这导致灰色区域向下延伸并导致过多的空白空间和滚动条.我试图绝对定位元素,但这导致其他一些问题,并且宁愿避免绝对定位.

如何取下黑条？(最好只用CSS但会接受使用jQuery/Javascript的答案)

代码:

HTML:

<!-- Body Content Is Here -->
<div id="copyright-bg" class="container">
<div class="row">
<div class="twelvecol">
    <p class="copyright-text">Ipsum</p>
</div>
</div>
</div> 

CSS:

html, …

我有以下HTML:

 <div class="previewWrapper" id="thumbPreview3">
  <div class="previewContainer">
   <img src="" class="photoPreview" data-width="" data-height=""><span>3</span>
  </div>
 </div>

我有以下JQUERY无法正常工作.

    if($('div.previewWrapper div.previewContainer img').attr('src') == '') {
      alert('got me');
    }

任何人都可以建议我缺少什么.当src为空时,如何使click事件起作用.

谢谢

http://cardiffhosp.rapdevs.co.uk/是围绕 WooTheme Canvas 构建的，这是一种响应式设计。

我不得不禁用视口元标记，因为我不希望布局具有响应性。

现在，它在移动设备上看起来好多了，但右侧出现了白色区域。在 iPhone/iPad 上大部分可见，但在其他设备上缩小显示存在空白。

添加以下代码解决了我的问题，但导致导航在 iPhone 上停止工作并导致 Windows 7 手机上的显示问题......

html, body {
   overflow-x:hidden;
}

有人有更好的解决方案来消除空白吗？

我试图使用CSS Transform属性旋转或转换div.这是我的转换CSS代码:

-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: rotate(270deg);

除了IE 8之外,上面的代码工作得很好.我需要找到一种方法来支持IE 8.

如何为IE8创建后备？

注意:我正在使用jQuery(1.8.2),HTML 5 Doctype和modernizr,如果这会对您提供的答案产生影响.我更喜欢只有CSS的解决方案,但愿意使用javascript/jQuery解决方案.

这是HTML和CSS的小提琴.

更新 这似乎是backgroundIE8中的一个问题.CSS3 PIE似乎正常工作,但是当我有背景时它没有显示.如果我完全删除背景css,它会再次显示.IE:

html, body{ 
  background: /*CSS */; /* Remove this property */
}

现在的问题变成了我如何才能CSS3 PIE正确的IE 8的工作有一个背景是什么？

这是一个带有上述代码的jsFiddle.

原始问题

我试图使用CSS3 Pie JS Edition在IE 8中复制一下.这是我想要的样子:

以下是使用CSS3 PIE在IE 8中的显示方式:

正如你所看到的,当我实现CSS3 PIE时,盒子就会消失!我之前没有使用过CSS3 PIE,也不知道出了什么问题.这是我正在使用的代码:

注意:我使用的是JS版(我使用的是托管的CMS,没有服务器端访问权限,因此无法使用该.htc文件.)

这是我调用CSS3 Pie的代码:

<!--[if lt IE 10]>
  <script type="text/javascript" src="/js/PIE.js"></script>
  <script type="text/javascript">
    $(function() {
       if (window.PIE) {
         $('.surround').each(function() {
           PIE.attach(this);
          });
         }
       });
  </script>
<![endif]-->

这是HTML和CSS:

<div class="row surround">
<div class="twelvecol">
 <p>Lorem Ipsum</p>
</div>
</div>

.surround
 {
  -webkit-box-sizing: …

我正在创建一个网站,它将使用我无法平铺的图像.我需要这个图像来覆盖整个背景屏幕.但是,我希望这适用于大型显示​​器和小型显示器.

我应该制作一个大的背景图像并使用它来缩小它,background-size还是应该创建不同大小的同一图像的多个版本,然后使用CSS3媒体查询来选择应该显示哪个图像？如果是这样,我应该使用屏幕大小的断点？

我有使用数据描述在页面上显示文本的 CSS。

代码：

CSS

#nav a:after { 
      text-align:center; 
      content: attr(data-description); 
      display: block;
}

超文本标记语言

<li><a data-description="The Thinking Man,The Artist, The Philosopher"  href="#">The Renaissance Man</a></li>

我遇到的麻烦和我想做的就是让句子的每个部分都在线。换句话说

The Thinking Man
The Artist
The Philosopher 

但是当我插入 a 时<br />，它不会创建中断，它只会显示<br />在代码中。如何使用以下代码在数据描述中创建换行符？