开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在文档边框附近获取所选文本的边框时，来自ie/edge的奇怪结果

在文档边框附近获取所选文本的边框时，来自IE/Edge的奇怪结果可能是由于以下原因导致的：

浏览器兼容性问题：IE/Edge浏览器在处理文档边框和所选文本边框时可能存在一些兼容性问题，导致结果与其他浏览器不一致。
CSS样式影响：文档边框和所选文本边框的样式可能受到CSS样式的影响，而不同浏览器对CSS样式的解析和渲染方式可能存在差异，导致结果不同。
浏览器版本问题：不同版本的IE/Edge浏览器可能存在差异，某些版本可能存在bug或者特定的行为，导致结果异常。

针对这个问题，可以尝试以下解决方案：

使用标准化的方法：尽量使用标准化的方法来获取文档边框和所选文本边框，例如使用DOM API中的相关方法来获取元素的边框信息，而不是依赖于浏览器特定的行为。
优化CSS样式：检查并优化CSS样式，确保文档边框和所选文本边框的样式定义清晰，并且不会受到其他样式的干扰。
更新浏览器版本：如果问题是由于特定版本的IE/Edge浏览器引起的，可以尝试升级到最新版本或者使用其他浏览器进行测试。

在腾讯云的产品中，可以考虑使用腾讯云的Web应用防火墙（WAF）产品来增强网络安全，防止恶意攻击和非法访问。该产品可以对HTTP/HTTPS流量进行实时监控和防护，提供多种安全策略和规则，有效保护网站和应用的安全。详情请参考腾讯云Web应用防火墙产品介绍：https://cloud.tencent.com/product/waf

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

三. CSS layout（布局）

1.文档流（normal flow）网页是一个多层的结构，一层摞着一层，通过CSS可以分别为每一层来设置样式，作为用户来讲只能看到最顶上一层，这些层中，最底下的一层称为文档流，文档流是网页的基础，我们所创建的元素默认都是在文档流中进行排列...，对于我们来元素主要有两个状态：在文档流中不在文档流中（脱离文档流）元素在文档流中有什么特点：块元素块元素会在页面中独占一行(自上向下垂直排列) 默认宽度是父元素的全部（会把父元素撑满）...=edge"> Document .box1{ /* 内容区（content），元素中的所有的子元素和文本内容都在内容区中排列...这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去，使人们仰面不再看见。然而现在却非常之蓝，闪闪地䀹着几十个星星的眼，冷眼。...猩红的栀子开花时，枣树又要做小粉红花的梦，青葱地弯成弧形了……我又听到夜半的笑声；我赶紧砍断我的心绪，看那老在白纸罩上的小青虫，头大尾小，向日葵子似的，只有半粒小麦那么大，遍身的颜色苍翠得可爱，可怜。

2.2K4 0

HTML基础第四课（冲浪笔记4）

一、CSS继承（常用于：模块区域样式一样的时候，可以写个父级全部继承）1、文本样式会继承①代码例子<!...padding时，默认撑⼤宽⾼，拿出对应的间距作为内间距如果希望 padding 从宽⾼本身去减⼩的话，设置 box-sizing：border-box 属性3、border：边框border-top...可单独设置 border-⽅向-style/color/width③注意：系统在设置border-width的时候，默认先撑⼤宽⾼，再拿出对应的间距作为边框粗细如果我们希望边框粗细从宽⾼本身去减...，会占位置）2、与float的区别（1）float浮动：会脱离文档流，不占位置，针对块级元素（left/right）（2）style="display: none;"占位置3、float浮动代码举例<!...）②fiexd：窗口定位（任何浏览器放大缩小任意窗口时，数值不变）3、定位的区别（1）margin-top的效果<!

3814 0

CSS-03

：边框为虚线 dotted：边框为点线 double：边框为双实线我们在开发中，经常把表单原本的边框去掉，然后添加任意的样式。...radius 半径（距离）允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。...内边距，在ie6等低版本浏览器也会有问题。我们尽量不要给行内元素指定上下的内外边距就好了。 # 外边距合并使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。...# CSS继承性所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。注意： 1....**所以对于字体、文本属性等网页中通用的样式可以使用继承。**例如，字体、字号、颜色、行距等可以在body元素中统一设置，然后通过继承影响文档中所有文本。

2.1K3 0

css属性及定位操作

定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。...padding: 用于控制内容与边框之间的距离； Border(边框): 围绕在内边距和内容外的边框。 Content(内容): 盒子的内容，显示文本和图像。...关于浮动的两个特点：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。...relative（相对定位）相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。有趣的是，即使设定了元素的相对定位以及偏移值，元素还占有着原来的位置，即占据文档流空间。...fixed（固定） fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。

2.4K5 0

CSS进阶内容——布局技巧和细节修饰

overflow：auto 在超出时加上滑动条我们下面给出示例代码： <!...，通常会有默认的蓝色框架，但这样并不美观所以我们常常去除掉这个蓝色框架： input { outline : none; } 文本域禁止拖动指定我们在使用textare时，在右下角文本域是可以进行拖拽的...但我们在网页设计时不能随意让用户更改界面，所以我们同样提供了方法禁止用户拖拽文本域： textare { resize ； none； /* 当然，如果想要去除掉文本域的蓝色边框，我们也可采用...属性（推荐）使图片转化为块级元素display：block；溢出文字采用省略号代替当我们的框架承受不住过多文字时，可能出溢出或者突然终止，这样的网页设计都是不合标准的所以我们希望采用省略号来使整个文本不显得过于生硬... 常见布局技巧我们可以采用一些技巧帮助我们更好地布局： margin负值运用采用负值解决边框组合问题我们在横向排版采用float时，在存在边框时，左右两个边框会导致中间边框变粗

2K2 0

前端之CSS内容

border（边框）：围绕在内边距和内容外的边框。 content（内容）：盒子的内容，显示文本和图像。盒子模型： ?...关于浮动的两个特点：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止；由于浮动框不在文档的普通流中，所以文档的普通流中的块级框表现得就像浮动框不存在一样。...6.2 relative（相对定位）　　相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。有趣的是，即使设定了元素的相对定位以及偏移值，元素还占有着原来的位置，即占据文档流空间。...对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。...6.4 fixed（固定）　　fixed：对象脱离正常文档流，使用top、right、bottom、left 等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。

5.2K10 0

前端学习笔记之CSS知识汇总 CSS介绍

定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。...padding: 用于控制内容与边框之间的距离； Border(边框): 围绕在内边距和内容外的边框。 Content(内容): 盒子的内容，显示文本和图像。...关于浮动的两个特点：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。...relative（相对定位）相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。有趣的是，即使设定了元素的相对定位以及偏移值，元素还占有着原来的位置，即占据文档流空间。...fixed（固定） fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。

2.2K3 0

6 个没人讲过的 CSS 属性

Edge 浏览器也支持此属性，但 IE 并不支持。 2. writing-mode 我最近写过一篇有关寻找设计灵感的神奇地方的文章，里面列举的网站和我偶然发现的许多站点中，文本都是在一侧竖直排列的。...来源：httpster 在上图的右侧（滚动条附近），我们可以看到侧边竖直排列的文本，而这恰好就是一种显示附加信息的巧妙方法。 writing-mode 属性可以让我们实现这个效果。...horizontal-tb 属性则实现默认排列文本的效果。 ? 来源：MDN Web 文档你可以在这里找到相关实现和代码块。...5. white-space 在使用 text-overflow 的时候，该属性非常有用，因为它允许我们控制元素的文本流。...图源作者 6. border-image 此属性非常适合设计我们的网站，我们可以使用此属性在元素周围创建漂亮的边框 —— border-image 允许你将自定义图像设置为边框。

9391 0

HTML和css入门作业

nbsp; HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接...答：在width和height的基础上减去由边框和内边距增加的尺寸,上面的元素，将width 和height改成100px，再加上四周50px的边框，四周50px的内边距，元素的宽高保持...，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为...她叫AdaLovelace，她甚至还建立了循环和子程序的概念。由于其在程序设计上的开创性工作，AdaLovelace被称为世界上第一位程序员。...她叫AdaLovelace，她甚至还建立了循环和子程序的概念。由于其在程序设计上的开创性工作，AdaLovelace被称为世界上第一位程序员。

1.9K1 0

CSS三大特性

）边框是可以分别设置的： border-top：上边框 border-bottom：下边框 border-left：左边框 border-right：右边框当我们只希望改变一条边框时，可以先定义全边框...border: 1px solid black; /* 合并相邻的边框当两侧都具有边框时，中间边框会变成两侧边框之和...所以我们在设计盒子时需要保留边框粗细大小例如：当我们需要一个总体积为20*20的盒子，且需要边框2px 那么我们div的height和width只需设计到18px，然后我们再加上border-width...当存在padding时，盒子大小也会相应增加相对大小所以我们在设计盒子时，同样也需要留下padding距离的大小案例：巧妙利用padding设计导航栏来自1923134的评价 <!

1.2K1 0

【AI 大模型】使用 AI 大模型编程 ② ( CodeGeeX 工具 | CodeGeeX 功能 | VSCode 安装使用 CodeGeeX | Tabby 工具 | Tabby 部署与使用 )

; 代码翻译 : 将 Python 代码转为 Java 代码 ; 代码问答 : 选中代码 , 在开发过程中遇到问题时直接向 AI 大模型提问 , 可提问如下方面的问题 : 代码逻辑语法错误...: 在开发环境中想要自动生成代码的位置 , 直接按下 Tab 键 , 就可以生成代码 , 再次按下 Tab 键 , 可以将生成的代码插入 ; 首先 , 编写 HTML 文本结构和 CSS 样式 ; JavaScript .box { /* 设置外部div的样式 */... 代码块中 , 添加如下注释 ; // 获取 DOM 元素然后为按钮添加点击事件 , 点击按钮后可显示密码 , 再次点击隐藏密码 , 使用 type 属性来切换密码框的类型...=edge"> JavaScript .box { /* 设置外部div的样式 */

2111 0

（续）很久很久以前学的，16个HTML笔记

mediamedia_query规定被链接文档是为何种媒介/设备优化的。( HTML5 中的新属性)reltext规定当前文档与被链接文档之间的关系。...target· _blank · _parent · _self · _top · framename规定在何处打开链接文档。typeMIME type规定被链接文档的的 MIME 类型。...rules· none · groups · rows · cols · all规定内侧边框的哪个部分是可见的。summarytext规定表格的摘要。...target规定 action 属性中地址的目标（默认：_self）。 Action属性： Action属性定义在提交表单时执行的动作。通常表单会被提交到web服务器上的某个PHP文件。...multipart/form-data在发送前不对字符编码，在使用包含文件上传控件的表单时，必须使用该值。

2.7K3 0

【CSS3】css开篇基础（5）

4.css三角做法我们要设定盒子宽高是0，并且指定边框，不同边框长度会造成不同的现象，最经典的是四个相同长度边框生成如下的第一个图。所以生成一个三角就可以让其他三个边框变为透明色，留一个就行。...; } 2.表单轮廓线outline 给表单添加 outline:0; 或者outline: none;样式后，就可以去掉默认的蓝色边框 input { outline: none; } 3.防止拖拽文本域.../* 1.先强制一行内显示文本 */ white-space: nowrap; /*默认 normal 是自动换行，nowrap是强制一行显示文本*/ /* 2.超出的部分隐藏 *...; /* 弹性伸缩盒子模型显示 */ display: -webkit-box; /* 限制在一个块元素显示的文本的行数 */ -webkit-line-clamp: 2; /* 设置或检索伸缩盒对象的子元素的排列方式...当边框的左边右边都为0或者上面下面都为0时就没有三角形，其他情况都存在。

821 0

CSS笔记(18)

溢出的文字省略号显示单行文本溢出显示省略号尝试了一下,效果图: 多行文本溢出显示省略号因为要考虑兼容性的问题,使用的时候直接粘贴即可....text-overflow: ellipsis; /* 弹性伸缩盒子模型显示 */ display: -webkit-box; /* 限制在一个块元素显示的文本的行数...: vertical; margin负值的运用如果我们想做出淘宝这样的相邻的边框,该如何实现呢?...但是当我们写完以后会发现,两个相邻的盒子之间的边框会重合,边框会变粗....我们还发现,当鼠标移动到每个商品时,他们的边框都会改变颜色,无疑是使用伪类hover实现的,但是直接使用会发现有新的问题. 2号盒子的右边框是被右边的3号盒子压住的.

6012 0

万字总结 CSS 布局

默认的宽度就是文字的宽度在HTML中，标签分为：「文本级」和「容器级」。....container { overflow: auto; } 该方法的原理是：父元素在新建一个 BFC 时，其高度计算时会把浮动子元素的包进来。...同时它也使你的CSS变得不那么直观：设置overflow是因为你想要展示滚动条还是仅仅为了获取清除浮动的能力呢？...定位想要把一个元素从正常流中移除，或者改变其在正常文档流中的位置，可以使用CSS中的position属性。当处于正常文档流时，元素的position属性为static。...在块级维度上元素会一个接一个排列下去，当你滚动页面时元素也会随着滚动。当你改变元素的position属性时，通常情况下你也会设置一些偏移量来使元素相对于参照点进行一定的移动。

5.7K2 0

【Java Web_01】HTML

浏览器内核 ① 五大浏览器 Edge(IE)【微软】 Firefox【火狐】 Chrome【谷歌】 Safari【苹果】 Opera【欧鹏】 ② 内核 Trident...---> Edge(IE) Gecko ---> Firefox【火狐】 Bink ---> Chrome【谷歌】 webkit ---> Safari Presto...DOCTYPE> * 位于文档的最前面，用于向浏览器说明当前文档使用哪种标准规范，必需在开头处使用文本内容】默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。...⚪ 在 option 中定义 selected =" selected "时，当前项即为默认选中项。 3.

2.3K3 1

【Web APIs】JavaScript 操作元素 ④ ( 修改元素属性示例 | 密码表单标签结构 | 密码输入框样式设置 | 右侧图标按钮设置 | JavaScript 修改元素属性示例 )

JavaScript 中可以通过 DOM ( 文档对象模型 ) 操作来修改网页的内容 , 结构 , 样式 , 属性 ; 在【Web APIs】JavaScript 操作元素 ① ( 修改元素内容...| innerText 属性修改元素文本内容 | innerHTML 属性修改元素 HTML 内容 ) 博客中介绍了使用 innerText 属性 innerHTML 属性修改 DOM 元素标签内容的...border: 0; 取消边框后的样式 , 边框在默认时不显示 , 但是将光标移动到输入框后 , 有一层选中外边框显示出来 ; 设置 outline: none 属性 , 可以取消光标选中后的外边框...DOM 元素 ; 然后 , 设置 flag 标志位 , 用于记录当前密码表单的状态 , 如果当前值为 0 说明是密码状态 , 此时密码是隐藏的 , 如果当前值为 1 说明是文本状态 , 此时...=edge"> JavaScript .box { /* 设置外部div的样式 */

711 0

CSS笔记(17)

这个的方法特别神奇...如果设置一个没有宽度和高度的盒子,只设置边框,然后为每个边框设置不同的颜色,就会得到这样的图形所以我们要想得到某一个三角形,只要将所有的边框都设置为透明的,只给我们想要的三角形所在的边框一个颜色... <meta...input { outline: none; } 原本点击文本框后是这样的效果: 去掉轮廓后是这样的效果: 防止拖拽文本域像我们的留言板,评论的地方,一般都是textarea文本域做的...,但是默认的是可以拖拽改变大小的,但在实际中是不可能这么做的,所以我们要防止文本域的拖拽....middle 把元素放置在父元素的中部 bottom 把元素的顶端与行中最低的元素的顶端对齐消除图片下的缝隙我们会发现,在一个盒子里放一张图片,给盒子一个边框,按道理来说应该和图片一样大小

5871 0

JavaScript--DOM总结

返回文档被最后修改的日期和时间该值来自于 Last-Modified HTTP 头部, 它是由 Web 服务器发送的可选项 title 当前文档的标题 URL URL 属性可返回当前文档的 URL referrer...target 设置或返回表单提交结果的 Frame 或 Window 名。...alt 设置或返回无法显示图像时的替代文本。 border 设置或返回图像周围的边框。...然后运行 transform() 文本属性描述 font 设置或返回文本内容的当前字体属性 textAlign 设置或返回文本内容的当前对齐方式 textBaseline 设置或返回在绘制文本时使用的当前文本基线...onchange 域的内容被改变。 onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。 onerror 在加载文档或图像时发生错误。

741 0

CSS制作一个半透明边框

内容盒子下面（即用来确定背景绘制区域）可以去 MDN 文档中 background-clip 具体学习一下它的用法。...它有着以下四个值： border-box: [ 默认值 ] 背景绘画边框外沿（在边框下层，即这个元素会遮挡住背景） padding-box: 背景延伸至内边距（padding）外沿不会绘制到边框处 content-box...=edge"> 半透明边框半透明边框</...属性无效如果存在背景，背景始终绘制在边框后面发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/159298.html原文链接：https://javaforall.cn

6364 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭