草庐IT

Border-Image

全部标签

javascript - Blueimp Jquery 文件上传 : Doesn't show thumbnail preview image

我用了BlueimpjQueryFileUpload在我的Rails应用程序中。当用户选择文件时,我想在将文件上传到服务器之前显示图像的缩略图和图像的名称。我一直在引用demo自定义此插件。我可以在屏幕上打印文件名,但无法显示缩略图。这是生成的htmlFileuploadUploadfiles${name}$(function(){$('#fileupload').fileupload({add:function(e,data){console.log('add');$.each(data.files,function(index,file){console.log('Addedfil

HTML 在 iPhone (iOS) 上上传 : filename is always same (image. jpg, image.png, ...)

我使用非常简单的代码在我的响应式网站中上传文件。但是当我使用iPhone上传图片时,图片名称总是image.jpg而不管实际的图片名称。这个问题有什么解决方法吗?为了调试目的,我用小代码创建了这个示例页面:";echo'postobjectinfo:';print_r($_FILES);print"";}?>FileUploadTestforiphone演示:http://codepad.viper-7.com/VnTfb3/55dev? 最佳答案 我遇到了同样的问题,但我在上传脚本中使用了3张图片。对我来说最快、最简单的解决方案是

html - IE11 - border-radius 和 box-shadow 一起导致问题

遵循我的代码:div{display:block;width:500px;height:200px;border:1pxsolidblack;border-radius:5px;transition:box-shadow1s;}div:hover{box-shadow:25px25px0px#000;}Test它可以在Chrome、Safari和Firefox上运行,但在InternetExplorer11上运行不佳,当div不再聚焦时会出现明显的视觉问题。如何解决?JSFiddle:https://jsfiddle.net/aL0t8g21/ 最佳答案

html - 为什么 border-radius 不完善实际的边框样式?

这在Chrome、FF和IE10中进行了测试,它们的行为方式相同,所以我认为这不是错误,而是我做错了/不知道的事情。这是我看到的:这是CSS:table#calendarTable{border:2pxinset#888;width:100%;margin:auto;background-color:#61915f;border-collapse:collapse;text-align:center;border-radius:25px25px25px25px;-moz-border-radius:25px25px25px25px;-ms-border-radius:25px25px2

html - CSS 对象适合 : contain; is keeping original image width in layout

我正在尝试使用object-fit:contain使我的图像在一些flexbox容器内响应,并且当图像调整大小时,布局似乎保持原始图像大小,导致滚动条出现。使用ChromeDevTools查看图片的宽度,宽度依然是1024(不过高度已经适当降低)(我从AutoResizeImageinCSSFlexBoxLayoutandkeepingAspectRatio?中获得了灵感来达到这一点)我是否缺少一些额外的CSS属性?JSFiddle:https://jsfiddle.net/w6hgqf18/1/html,body{margin:0;height:100%;}.page{height:

Android 线性布局 : Add border with shadow around a LinearLayout

我想创建与示例相同的此LinearLayout的边框:在这个例子中,我们可以看到linearLayout周围的边框并不相同。如何使用XML可绘制文件创建它?目前,我只能像这样在LinearLayout周围创建一个简单的边框: 最佳答案 试试这个.. 关于Android线性布局:AddborderwithshadowaroundaLinearLayout,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

Android 线性布局 : Add border with shadow around a LinearLayout

我想创建与示例相同的此LinearLayout的边框:在这个例子中,我们可以看到linearLayout周围的边框并不相同。如何使用XML可绘制文件创建它?目前,我只能像这样在LinearLayout周围创建一个简单的边框: 最佳答案 试试这个.. 关于Android线性布局:AddborderwithshadowaroundaLinearLayout,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

html - 用 border-radius 和 translate3d overflow hidden

当带有overflow:hidden;和border-radius的block内容平移时,它的Angular不会隐藏。有解决办法吗?HTMLCSS.scroller{width:300px;height:500px;border:3pxsolidred;border-radius:30px;overflow:hidden;}.scroller-content{width:300px;height:300px;background:green;-webkit-transform:translate3d(0,-8px,0);}http://jsfiddle.net/aZ5Qn/

html - Safari 浏览器中的输入字段 : border + uppercase text

正如标题所说,以下代码的输出在safari浏览器上没有显示:1)Borderofinputtype-searchnotshowing2)text-transform:uppercasedoesn'twork.其余浏览器显示准确的输出。请参阅下面的图片。FiddleHTML:SearchCSS:.searchLob{position:relative;display:inline-block;}.searchInput{position:relative;border:2pxsolid#d2d4d8;height:44px;padding:010px;background-color:#

html - 设置边框样式 :none; on my anchor tags but border shows up when I click on a link - why?

正如您从下面的示例中看到的那样,我有一个黑色背景和红色链接,以强调单击链接时在我的链接上显示虚线边框的问题。我加了border-style:none但是好像没有什么效果。有没有其他方法可以消除单击链接时出现在链接周围的虚线边框?UntitledDocumenthtml,body{height:100%;margin:0;padding:0;font-weight:normal;font-size:12pt;font-family:Verdana,Arial,Helvetica,serif,sans-serif;background:black;}#linksouter{margin:0