项目是越来越在Firefox

拖动期间扩大我具有低于项目是越来越在Firefox

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    </head> 
 
    <body> 
 
    <a class='dragitem' href='#' draggable='true'><img src="myimage.gif" width=12px height=12px border=0px padding="0px 0px 0px 0px" align=left>Drag Me</a>" 
 
    </body> 
 
</html>

一个示例代码以上项是越来越扩大在Firefox同时拖动在其他浏览器的项目&（IE &铬）它没有变大。如果我删除标签，它在所有浏览器中都能按预期工作（项目没有变大）。拖动时我附加了图像。

请让我知道，如何阻止这个项目在拖动时在Firefox中放大？

来源

2017-07-26 NDestiny

也请分享你的CSS代码。问题可能在那里。 –

分享您的整个代码 –

@NaeemUlWahhab那里没有单独的CSS这个，我写的所有内部＆标签only＆above是我的整个代码。您可以通过在Firefox中运行上述代码来观察此行为。 – NDestiny

首先，你要知道，链接和图片是由按照W3Schools默认拖动。您无需为您的链接输入地址draggable="true"。关于Firefox的行为，我尝试了你的代码，发现这是因为链接中的图像，你的拖动效果会扩大内容的大小。有了这个代码，你不用它（我把图片的链接外）：

<body> 
    <a class='dragitem' href='#'>Drag Me</a> 
    <img src="myimage1.gif" width=12px height=12px border=0px padding="0px 0px 
    0px 0px" align=left> 
</body>

你可以试试，你会没有更多的在Firefox上放大的效果。现在问题是你的图像的目的是什么？为什么要放置链接HTML结构？我希望它能帮助你。

来源

2017-07-26 08:21:39 Arrabidas92

感谢您的重播，我正在处理遗留代码，我已经看到这种行为，因此制作了一个示例应用程序并尝试使用，并在Firefox中显示相同的行为。上面的代码可能无法在我的情况下工作，因为我必须显示图像也被拖到我的应用程序中，在您的代码图像不会被拖动与项目。 – NDestiny

还有一件事，我必须展示<图像项目图像>，<图像图像项目>，<项目图像图像>以及其他组合。 – NDestiny

这可能是一个Firefox的错误或功能。如果使用较大的拖动对象，则不会调整它的大小，但如果它太小，则会假定您需要较大的视图来查看它或类似的东西。既然你必须使用js/jquery作为逻辑，为什么不使用jQuery UI's draggable呢？你可以更好地控制拖拽和样式。

$(".dragitem").draggable({ 
 
    addClasses: false, 
 
    revert: true 
 
});

.ui-draggable-dragging a{ 
 
    color:red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 

 

 
<a class="dragitem" style="position:absolute" href='#' ><img src="http://jsfiddle.net/img/logo.png" width=22px height=18px border=0px padding="0px 0px 0px 0px" align=left />Drag Me</a>

来源

2017-07-26 08:23:13 Miro

我没有运气兄弟，我正在处理遗留代码:-( – NDestiny

项目是越来越在Firefox

回答

相关问题